[2024r1] TabPanel se suma finalmente al Modo Oscuro

A continuación encontrarás traducido al Castellano el artículo escrito por William Yu y publicado originalmente en el Blog Oficial de Xojo.

Nuestro TabPanel en Windows ha batallado duro para permanecer en el lado claro… haciendo que la transición al modo oscuro resultase molestamente difícil, pero finalmente ha sucumbido a la batalla para pasar a abrazar el lado oscuro.

El soporte del modo oscuro con los controles Win32 nunca supone un ejercicio fácil, pero si has estado siguiendo nuestro trabajo para modernizar el framework de Xojo en Windows con XAML, entonces es probable que ya hayas actualizado tus apps con el control TabView XAML que soporta de forma nativa el modo oscuro.

Sólo has de incluir esta porción de XAML en la propiedad Content de nuestro DesktopXAMLContainer y tendrás un TabPanel moderno que soporta el modo oscuro incluso antes de que nosotros lo hiciéramos posible.

<winui:TabView>
	<winui:TabView.TabItems>
		<winui:TabViewItem Header="Tab 1">
			<StackPanel>
				<TextBlock Text="This is Tab 1" Margin="5"/>
				<Button Content="Button 1" Margin="5"/>
				<CheckBox Content="Checkbox 1" IsChecked="True" Margin="5"/>
			</StackPanel>
		</winui:TabViewItem>
		<winui:TabViewItem Header="Tab 2">
			<StackPanel>
				<TextBlock Text="This is Tab 2" Margin="5"/>
				<TextBox Text="Enter text here" Margin="5"/>
				<ComboBox Margin="5">
					<ComboBoxItem Content="Item 1"/>
					<ComboBoxItem Content="Item 2"/>
					<ComboBoxItem Content="Item 3"/>
				</ComboBox>
			</StackPanel>
		</winui:TabViewItem>
	</winui:TabView.TabItems>
</winui:TabView>

Si bien muchos debaten sobre en qué modo prefieren trabajar (claro u oscuro), ahora puedes controlar si quieres soportar el modo oscuro o no en tu app ajustando la opción “Supports Dark Mode” en los ajustes de compilación. Para ver cómo puedes conmutar los modos claro y oscuro de forma dinámica en tu app usando XAML, consulta el proyecto de ejemplo XAML ButtonStyling y la propiedad RequestedTheme.