Avalonia框架下使用Material中NavigationDrawer控件和ColorZone控件

最新推荐文章于 2024-09-28 22:45:28 发布
最新推荐文章于 2024-09-28 22:45:28 发布
阅读量292 收藏
点赞数 6
分类专栏： Avalonia 文章标签： wpf c# .netcore linux
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43494915/article/details/142035648
版权

从GitHub中clone项目查看代码和样式。
在这里插入图片描述

             xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:avalonia="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia"
             xmlns:controls="clr-namespace:Material.Styles.Controls;assembly=Material.Styles"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:dialogHostAvalonia="clr-namespace:DialogHostAvalonia;assembly=DialogHost.Avalonia"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:models="clr-namespace:Material.Avalonia.Demo.Models"
             xmlns:pages="clr-namespace:Material.Avalonia.Demo.Pages"
             xmlns:pages1="clr-namespace:Material.Demo.Pages"
             d:DesignHeight="450"
             d:DesignWidth="800"
             mc:Ignorable="d">
  <UserControl.Styles>
    <Style Selector="TextBlock.Subheadline">
      <Setter Property="Margin" Value="0, 16" />
    </Style>
    <Style Selector="TextBlock.Subheadline2">
      <Setter Property="Margin" Value="0, 8" />
    </Style>
    <Style Selector="TextBlock.Content">
      <Setter Property="Margin" Value="0, 4" />
      <Setter Property="HorizontalAlignment" Value="Left" />
    </Style>
  </UserControl.Styles>
  <UserControl.DataTemplates>
    <DataTemplate DataType="models:Sample2Model">
      <StackPanel>
        <TextBlock TextAlignment="Center">Your lucky number:</TextBlock>
        <TextBlock Classes="Body1"
                   Text="{Binding Number}"
                   TextAlignment="Center" />
        <Button Margin="0,8,0,0" Command="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType=dialogHostAvalonia:DialogHost}, Path=CloseDialogCommand}">
          THANKS, CLOSE
        </Button>
      </StackPanel>
    </DataTemplate>
  </UserControl.DataTemplates>

  <dialogHostAvalonia:DialogHost Identifier="MainDialogHost">
    <controls:SnackbarHost HostName="Root" TemplateApplied="TemplatedControl_OnTemplateApplied">

      <controls:NavigationDrawer Name="LeftDrawer"
                                 Classes="permanent"
                                 LeftDrawerOpened="{Binding ElementName=NavDrawerSwitch,
                                                                  Path=IsChecked,
                                                                  Mode=TwoWay}">
        <controls:NavigationDrawer.LeftDrawerContent>
          <ScrollViewer>
            <StackPanel>
              <controls:ColorZone Height="180" Mode="Accent">
                <StackPanel>
                  <Image Width="96"
                         Height="120"
                         Margin="0,0,0,-8"
                         HorizontalAlignment="Center"
                         VerticalAlignment="Center"
                         PointerPressed="MaterialIcon_OnPointerPressed"
                         Source="avares://Material.Avalonia.Demo/Assets/FavIcon_128x.png" />
                  <TextBlock HorizontalAlignment="Center"
                             Classes="Headline6"
                             Text="Material Design" />
                  <TextBlock HorizontalAlignment="Center"
                             Classes="Subtitle1"
                             Text="with AvaloniaUI" />
                </StackPanel>
              </controls:ColorZone>
              <ListBox Name="DrawerList"
                       Classes="NoScroll"
                       Focusable="{Binding ElementName=LeftDrawer,
                                                         Path=LeftDrawerOpened}">
                <ListBox.Styles>
                  <Style Selector="ListBoxItem">
                    <Setter Property="Height" Value="48" />
                    <Setter Property="Padding" Value="16,0" />
                    <Setter Property="VerticalContentAlignment" Value="Center" />
                  </Style>
                </ListBox.Styles>
                <ListBoxItem>Home</ListBoxItem>
                <ListBoxItem>Buttons</ListBoxItem>
                <ListBoxItem>Toggles</ListBoxItem>
                <ListBoxItem>Fields</ListBoxItem>
                <ListBoxItem>ComboBoxes</ListBoxItem>
                <ListBoxItem>Material Icons</ListBoxItem>
                <ListBoxItem>Colors</ListBoxItem>
                <ListBoxItem>Sliders</ListBoxItem>
                <ListBoxItem>Progress indicators</ListBoxItem>
                <ListBoxItem>Lists</ListBoxItem>
                <ListBoxItem>Expanders</ListBoxItem>
                <ListBoxItem>ColorZones</ListBoxItem>
                <ListBoxItem>Dialogs</ListBoxItem>
                <ListBoxItem>Snackbar</ListBoxItem>
                <ListBoxItem>ScrollViewer</ListBoxItem>
                <ListBoxItem>SideSheet</ListBoxItem>
                <ListBoxItem>TabControls</ListBoxItem>
                <ListBoxItem>TreeViews</ListBoxItem>
                <ListBoxItem>Card</ListBoxItem>
                <ListBoxItem>Typography</ListBoxItem>
                <ListBoxItem>Date/Time pickers</ListBoxItem>
                <ListBoxItem>Shadows</ListBoxItem>
              </ListBox>
            </StackPanel>
          </ScrollViewer>
        </controls:NavigationDrawer.LeftDrawerContent>

        <DockPanel LastChildFill="true">
          <controls:ColorZone Name="PART_AppBarContainer"
                              Height="56"
                              HorizontalAlignment="Stretch"
                              VerticalAlignment="Top"
                              DockPanel.Dock="Top"
                              Mode="PrimaryMid"
                              ZIndex="1">
            <Grid Margin="16">
              <Grid.ColumnDefinitions>
                <ColumnDefinition Width="24" />
                <ColumnDefinition Width="32" />
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="32" />
                <ColumnDefinition Width="Auto" />
              </Grid.ColumnDefinitions>
              <ToggleButton Name="NavDrawerSwitch"
                            Width="32"
                            Height="32"
                            Padding="4"
                            Theme="{StaticResource MaterialFlatButton}">
                <avalonia:MaterialIcon Width="24"
                                       Height="24"
                                       Kind="Menu" />
              </ToggleButton>
              <TextBlock Grid.Column="2"
                         VerticalAlignment="Center"
                         Classes="Headline6"
                         Text="Material.Avalonia Demo" />
              <Menu Grid.Column="4"
                    Height="32"
                    Margin="0"
                    Padding="0">
                <MenuItem Width="32"
                          Height="32"
                          Header="{avalonia:MaterialIconExt DotsVertical,
                                                                            Size=24}">
                  <MenuItem Click="HelloButtonMenuItem_OnClick" Header="Hello!">
                    <MenuItem.Icon>
                      <avalonia:MaterialIcon Width="24"
                                             Height="24"
                                             Kind="Hand" />
                    </MenuItem.Icon>
                  </MenuItem>
                  <MenuItem Click="ConnectToNetworkMenuItem_OnClick" Header="Connect to network">
                    <MenuItem.Icon>
                      <avalonia:MaterialIcon Width="24"
                                             Height="24"
                                             Kind="RocketLaunch" />
                    </MenuItem.Icon>
                  </MenuItem>
                  <Separator />
                  <MenuItem Header="Action 1" />
                  <MenuItem Header="Action 2" />
                  <MenuItem Header="Action 3" />
                  <Separator />
                  <MenuItem Click="GoodbyeButtonMenuItem_OnClick" Header="Goodbye">
                    <MenuItem.Icon>
                      <avalonia:MaterialIcon Width="24"
                                             Height="24"
                                             Kind="ExitRun" />
                    </MenuItem.Icon>
                  </MenuItem>
                </MenuItem>
              </Menu>
            </Grid>
          </controls:ColorZone>

          <ScrollViewer Name="mainScroller"
                        HorizontalAlignment="Stretch"
                        HorizontalContentAlignment="Stretch"
                        DockPanel.Dock="Top"
                        HorizontalScrollBarVisibility="Disabled">
            <Border HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
              <Carousel Name="PageCarousel" HorizontalAlignment="Stretch">
                <Carousel.Styles>
                  <Style Selector="Carousel#PageCarousel:not(.no-transitions)">
                    <Setter Property="PageTransition">
                      <PageSlide SlideInEasing="CircularEaseOut"
                                 SlideOutEasing="CircularEaseOut"
                                 Duration="0.25" />
                    </Setter>
                  </Style>
                </Carousel.Styles>
                <!--  Main page  -->
                <pages:Home />

                <!--  Buttons  -->
                <pages:ButtonsDemo />

                <!--  Toggles  -->
                <pages:TogglesDemo />

                <!--  Fields  -->
                <pages:FieldsDemo />

                <!--  ComboBoxes  -->
                <pages:ComboBoxesDemo />

                <!--  Icons  -->
                <pages:IconsDemo />

                <!--  Colors  -->
                <pages:ColorsDemo />

                <!--  Sliders  -->
                <pages:SlidersDemo />

                <!--  Progress indicators  -->
                <pages:ProgressIndicatorDemo />

                <!--  Lists  -->
                <pages:ListsDemo />

                <!--  Expanders  -->
                <pages:ExpandersDemo />

                <!--  ColorZones  -->
                <pages:ColorZonesDemo />

                <!--  Dialogs  -->
                <pages:DialogDemo />

                <!--  Snackbar  -->
                <pages1:SnackbarDemo />

                <!--  ScrollViewer  -->
                <pages:ScrollViewerDemo />

                <!--  SideSheet  -->
                <pages:SideSheetDemo />

                <!--  TabControls  -->
                <pages:TabsDemo />

                <!--  TreeViews  -->
                <pages:TreeViewsDemo />

                <!--  Card  -->
                <pages:CardsDemo />

                <!--  Typography  -->
                <pages:TypographyDemo />

                <!--  Pickers  -->
                <pages:DateTimePickerDemo />

                <!--  Shadows  -->
                <pages:NotReadyDemo />
              </Carousel>
            </Border>
          </ScrollViewer>
        </DockPanel>
      </controls:NavigationDrawer>
    </controls:SnackbarHost>
  </dialogHostAvalonia:DialogHost>
</UserControl>

更改一下在这里插入图片描述

<Window
    x:Class="C1_For_Linux.SettingView"
    xmlns="https://github.com/avaloniaui"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="clr-namespace:Material.Styles.Controls;assembly=Material.Styles"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:dialogHost="clr-namespace:DialogHostAvalonia;assembly=DialogHost.Avalonia"
    xmlns:icons="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia"
    xmlns:material="clr-namespace:Material.Styles;assembly=Material.Styles"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:prism="http://prismlibrary.com/"
    xmlns:vm="using:C1_For_Linux.ViewModels"
    Title="SettingView"
    d:DesignHeight="768"
    d:DesignWidth="1024"
    x:DataType="vm:SettingViewModel"
    Background="{DynamicResource MaterialDesignPaper}"
    FontFamily="{StaticResource MyFont}"
    TextElement.FontWeight="Regular"
    TextElement.Foreground="{DynamicResource MaterialDesignBody}"
    WindowStartupLocation="CenterScreen"
    WindowState="Normal"
    mc:Ignorable="d">

	<!--<Window.Resources>
		<FontFamily x:Key="MyFontWindow">/Assets/Fonts/msyh.ttf#Microsoft YaHei</FontFamily>
	</Window.Resources>-->

	<Window.Styles>
		<Style Selector="TextBlock.Subheadline">
			<Setter Property="Margin" Value="0, 16" />
		</Style>
		<Style Selector="TextBlock.Subheadline2">
			<Setter Property="Margin" Value="0, 8" />
		</Style>
		<Style Selector="TextBlock.Content">
			<Setter Property="Margin" Value="0, 4" />
			<Setter Property="HorizontalAlignment" Value="Left" />
		</Style>
		<Style Selector="TabItem">
			<Setter Property="Foreground" Value="Black" />
			<Setter Property="FontFamily" Value="{StaticResource MyFont}" />
			<Setter Property="FontSize" Value="16" />
		</Style>
		<Style Selector="TextBlock">
			<Setter Property="FontFamily" Value="{StaticResource MyFont}" />
		</Style>
		<Style Selector="TextBox">
			<Setter Property="FontFamily" Value="{StaticResource MyFont}" />
		</Style>
		<Style Selector="ToggleButton">
			<Setter Property="FontFamily" Value="{StaticResource MyFont}" />
		</Style>
		<Style Selector="Button">
			<Setter Property="FontFamily" Value="{StaticResource MyFont}" />
		</Style>
		<Style Selector="ComboBox">
			<Setter Property="FontFamily" Value="{StaticResource MyFont}" />
		</Style>
		<Style Selector="ComboBoxItem">
			<Setter Property="FontFamily" Value="{StaticResource MyFont}" />
		</Style>
		<Style Selector="ListBoxItem">
			<Setter Property="FontFamily" Value="{StaticResource MyFont}" />
		</Style>
	</Window.Styles>

	<Grid>
		<controls:NavigationDrawer
            Name="LeftDrawer"
            Classes="permanent"
            LeftDrawerOpened="{Binding ElementName=NavDrawerSwitch, Path=IsChecked, Mode=TwoWay}">
			<!--  左侧抽屉内容  -->
			<controls:NavigationDrawer.LeftDrawerContent>
				<StackPanel>
					<controls:ColorZone Height="100" Mode="Accent">
						<StackPanel>
							<TextBlock
                                Margin="0,15,0,5"
                                HorizontalAlignment="Center"
                                Classes="Headline6"
                                Text="温馨提示" />
							<TextBlock
                                HorizontalAlignment="Center"
                                Classes="Subtitle1"
                                Text="更新设置后，请记得保存！" />
						</StackPanel>
					</controls:ColorZone>
<!--由于使用prism框架需要Command驱动事件，故抛弃listbox方式使用button控件代替-->
					<!--<ListBox
                        Name="DrawerList"
                        Classes="NoScroll"
                        Focusable="{Binding ElementName=LeftDrawer, Path=LeftDrawerOpened}">
						<ListBox.Styles>
							<Style Selector="ListBoxItem">
								<Setter Property="Height" Value="48" />
								<Setter Property="Padding" Value="16,0" />
								<Setter Property="VerticalContentAlignment" Value="Center" />
								<Setter Property="FontSize" Value="18" />
								<Setter Property="FontFamily" Value="{StaticResource MyFont}" />
							</Style>
						</ListBox.Styles>
						<ListBoxItem>设置</ListBoxItem>
						<ListBoxItem>刻度</ListBoxItem>
						<ListBoxItem>维护</ListBoxItem>
						<ListBoxItem>记录</ListBoxItem>
						<ListBoxItem>关于</ListBoxItem>
					</ListBox>-->

					<StackPanel Orientation="Vertical">
						<Button
                            Height="48"
                            Padding="16,0"
                            VerticalAlignment="Center"
                            HorizontalContentAlignment="Left"
                            Background="White"
                            Command="{Binding OpenViewCommand}"
                            CommandParameter="SettingHomeView"
                            Content="设置"
                            FontSize="18"
                            Foreground="Black" />
						<Button
                            Height="48"
                            Padding="16,0"
                            VerticalAlignment="Center"
                            HorizontalContentAlignment="Left"
                            Background="White"
                            Command="{Binding OpenViewCommand}"
                            CommandParameter="CalibrationView"
                            Content="刻度"
                            FontSize="18"
                            Foreground="Black" />
						<Button
                            Height="48"
                            Padding="16,0"
                            VerticalAlignment="Center"
                            HorizontalContentAlignment="Left"
                            Background="White"
                            Command="{Binding OpenViewCommand}"
                            CommandParameter="MaintenanceView"
                            Content="维护"
                            FontSize="18"
                            Foreground="Black" />
						<Button
                            Height="48"
                            Padding="16,0"
                            VerticalAlignment="Center"
                            HorizontalContentAlignment="Left"
                            Background="White"
                            Command="{Binding OpenViewCommand}"
                            CommandParameter="HistoryDataView"
                            Content="记录"
                            FontSize="18"
                            Foreground="Black" />
						<Button
                            Height="48"
                            Padding="16,0"
                            VerticalAlignment="Center"
                            HorizontalContentAlignment="Left"
                            Background="White"
                            Command="{Binding OpenViewCommand}"
                            CommandParameter="AboutView"
                            Content="关于"
                            FontSize="18"
                            Foreground="Black" />
					</StackPanel>
				</StackPanel>
			</controls:NavigationDrawer.LeftDrawerContent>

			<DockPanel>
				<controls:ColorZone
                    Name="PART_AppBarContainer"
                    Height="50"
                    HorizontalAlignment="Stretch"
                    VerticalAlignment="Top"
                    DockPanel.Dock="Top"
                    Mode="PrimaryMid"
                    ZIndex="1">
					<Grid Margin="16">
						<Grid.ColumnDefinitions>
							<ColumnDefinition Width="24" />
							<ColumnDefinition Width="10" />
							<ColumnDefinition Width="40" />
							<ColumnDefinition Width="*" />
							<ColumnDefinition Width="Auto" />
						</Grid.ColumnDefinitions>

						<!--  触发左侧抽屉和标题  -->
						<ToggleButton
                            Name="NavDrawerSwitch"
                            Width="32"
                            Height="32"
                            Padding="0"
                            IsChecked="False"
                            Theme="{StaticResource MaterialFlatButton}">
							<icons:MaterialIcon
                                Width="24"
                                Height="24"
                                Kind="Menu" />
						</ToggleButton>
						<TextBlock
                            Grid.Column="2"
                            VerticalAlignment="Center"
                            Classes="Headline6"
                            Text="菜单" />

						<!--  右侧更多操作  -->
						<Menu
                            Grid.Column="4"
                            Height="32"
                            Margin="0"
                            Padding="0">
							<MenuItem
                                Width="32"
                                Height="32"
                                Header="{icons:MaterialIconExt DotsVertical,
                                                               Size=24}">
								<MenuItem FontFamily="{StaticResource MyFont}">
									<MenuItem.Header>
										您好，欢迎使用本系统
									</MenuItem.Header>
									<MenuItem.Icon>
										<icons:MaterialIcon
                                            Width="24"
                                            Height="24"
                                            Kind="Hand" />
									</MenuItem.Icon>
								</MenuItem>
								<MenuItem Header="Connect to network">
									<MenuItem.Icon>
										<icons:MaterialIcon
                                            Width="24"
                                            Height="24"
                                            Kind="RocketLaunch" />
									</MenuItem.Icon>
								</MenuItem>
								<Separator />
								<MenuItem Name="MovetoMainwindow" Header="进入运行状态" />
								<MenuItem Header="修改密码" />
								<MenuItem Header="开始自检" />
								<Separator />
								<MenuItem FontFamily="{StaticResource MyFont}" Header="退出系统">
									<MenuItem.Icon>
										<icons:MaterialIcon
                                            Width="24"
                                            Height="24"
                                            Kind="ExitRun" />
									</MenuItem.Icon>
								</MenuItem>
							</MenuItem>
						</Menu>
					</Grid>
				</controls:ColorZone>
				<ContentControl prism:RegionManager.RegionName="MainRegion" />
			</DockPanel>
		</controls:NavigationDrawer>
	</Grid>
</Window>
KenTuring
关注
专栏目录
Avalonia中的控件树
仰望星空的博客
07-27 1210
在Avalonia中，控件树（Control Tree）是一个重要的概念，它用于管理和组织用户界面（UI）的层次结构。控件树类似于其他UI框架中的“视图层次结构”，但在Avalonia中它具有一些独特的特性和实现方式。Avalonia中的控件树是构建和管理用户界面的基础。理解控件树的结构和特点，对于有效地使用Avalonia进行UI开发至关重要。通过掌握控件树的添加、管理和事件处理，你可以创建灵活且复杂的用户界面。
Avalonia自定义控件教程
仰望星空的博客
07-24 812
使用 XAML 和 C# 组合来描述控件的外观和行为。XAML 文件中定义控件的模板和样式，C# 文件中处理控件的逻辑和事件。通过以上示例和讨论，我们深入了解了在 Avalonia 中创建和定制自定义控件的基本技术和高级功能。掌握这些知识不仅能够帮助开发者构建功能强大的用户界面组件，还能够提升应用程序的灵活性和用户体验。
material.avalonia：AvaloniaUI中的材料设计
02-04
物质性雪崩 该存储库是样式的集合，可帮助您使用Material Design自定义应用程序主题。 可以通过安装样式的集合，然后将其包括在所需的范围内。 请参阅App.xaml文件的示例： < Application xss=removed clr-namespace:Material.Styles.Themes;assembly=Material.Styles> < Application> < themes : BundledTheme BaseTheme
Material Avalonia 使用教程
gitblog_00327的博客
08-15 691
Material Avalonia 使用教程 Material.AvaloniaMaterial design in AvaloniaUI项目地址:https://gitcode.com/gh_mirrors/ma/Material.Avalonia 项目介绍 Material Avalonia 是一个为 AvaloniaUI 框架提供的可定制 Material Design 实现。该库包含了一...
Material.Avalonia 项目教程
gitblog_00484的博客
08-15 416
Material.Avalonia 项目教程 Material.AvaloniaMaterial design in AvaloniaUI项目地址:https://gitcode.com/gh_mirrors/ma/Material.Avalonia 1. 项目的目录结构及介绍 Material.Avalonia 是一个为 AvaloniaUI 框架提供 Material Design 主题的开...
深入浅出Material.Avalonia
wu_pan123的博客
01-05 502
1.修改滚动条Thumb样式。
Net跨平台UI框架Avalonia入门-安装和使用
热门推荐
海盗Sharp的博客
05-18 1万+
Avalonia UI是是Net的跨平台UI框架，支持 Windows、Linux、iOS 和 Android，与Net其他UI框架相比，主要是支持Linux。在国产化的需求下，对于C#开发的程序员，Avalonia适合用来开发Linux的桌面客户端。
探索与重塑：Material.Avalonia —— AvaloniaUI 的 Material Design 实现
gitblog_00099的博客
05-19 761
探索与重塑：Material.Avalonia —— AvaloniaUI 的 Material Design 实现 Material.AvaloniaMaterial design in AvaloniaUI项目地址:https://gitcode.com/gh_mirrors/ma/Material.Avalonia [Material.Avalonia][Nuget.Material.Av...
Net跨平台UI框架Avalonia入门-安装和使用(v11版本)
海盗Sharp的博客
09-07 3948
avalonia v11版本发布了，增加了很多新的功能，官网文档也更新到11版本的文档，目前文档已经支持中文（大部分已经有中文了）
Avalonia实现导航条自定义控件
07-24
Avalonia实现导航条自定义控件；Avalonia实现导航条自定义控件；Avalonia实现导航条自定义控件；Avalonia实现导航条自定义控件；Avalonia实现导航条自定义控件；Avalonia实现导航条自定义控件；Avalonia实现导航条...
Avalonia.ExtendedToolkit：Avalonia UI的扩展控件
02-04
Avalonia.ExtendedToolkit Avalonia.ExtendedTool希望将某些控件从WPF移植到Avalonia。...Avalonia.ExtendedToolkit：具有特殊控件和样式的库 如何将样式添加到项目中 < StyleInclude Source
封装的基于avalonia跨平台gui框架做的chromium浏览器控件，支持JavaScript和C#互相调用
08-01
使用Xilium.CefGlue做的一个基于avalonia框架的cef浏览器控件 2.使用的cef版本是102.0.10 。 3.可以在Windows和Linux系统（桌面环境）下面跑起来，这个版本在Windows x64环境和Linux x64环境可以运行起来，但在linux...
基于Avalonia的C# EasyUI控件设计源码
09-28
该源码项目采用Avalonia技术，实现了EasyUI控件的设计，包含97个文件，其中包括23个map文件、18个CSS文件、15个JavaScript文件、11个C#...该项目旨在利用Avalonia框架，为开发者提供一套易于使用的C# EasyUI控件库。
WPF MVVM入门系列教程（一、MVVM模式介绍）
zhaotianff的专栏
09-28 835
对于这种情况，我们可以直接使用传统操作控件的模式去进行开发，必要时，UI代码和业务代码混在一起也是可以的。阅读到这里，有些小伙伴可能会有很多疑问，但是我们可以先不去看这些技术细节，只在意这样一种开发模式，后面我会将WPF MVVM开发中涉及的各个技术点进行详细讲解。MVVM是在MVC和MVP的基础上，进行了优化，弥补了MVC和MVP在开发过程中的一些不足的地方。对于长期项目，或者稍微偏大一点的项目，这种情况下，建议采用MVVM模式开发，并在前期建议做好充足的准备，进行统一的规划。
在WPF中实现多语言切换的四种方式
最新发布
zhaotianff的专栏
09-28 861
9 <s:String x:Key="Main.RibbonButton.Setting.Description">包括语言在内的全部设置</s:String>12 <s:String x:Key="Setting.Tab.Label.ChooseLanguage">请选择一种语言</s:String>//当前语言的JObject对象。8 <s:String x:Key="Main.RibbonButton.Setting.Title">设置</s:String>
WPF入门教学二十三 自定义控件开发
Life is not divided
09-28 275
自定义控件提供了更高级的功能，允许开发者继承并扩展WPF框架中的现有控件。完成自定义控件的开发后，可以在其他WPF项目中引用并使用它。
WPF入门教学二十二 多线程与异步编程
Life is not divided
09-28 247
在WPF（Windows Presentation Foundation）中，多线程和异步编程是非常重要的概念，因为它们可以帮助你创建响应性更好的应用程序。WPF的UI线程负责处理所有的用户界面操作，如果你的代码在UI线程上执行耗时操作，那么UI将会冻结，用户体验会很差。因此，学会如何在WPF中使用多线程和异步编程是非常关键的。
avalonia 导航控件
01-31
Avalonia是一种用于构建跨平台用户界面的开源框架。导航控件是Avalonia中的一种重要控件，用于在不同页面之间进行导航操作。 Avalonia的导航控件允许我们在应用程序中创建多个页面，并且能够在这些页面之间进行平滑的切换。导航控件提供了一种结构化的方式来组织和管理应用程序的不同界面。通过导航控件，我们可以通过简单的命令或代码逻辑来实现页面的导航和跳转。 导航控件通常由两个主要组件组成：导航器和页面容器。导航器负责维护当前页面的状态，并提供导航操作的方法和事件。页面容器用于显示和管理不同的页面。当我们进行页面导航时，导航器会负责加载、显示和销毁页面。 对于使用Avalonia导航控件的应用程序，我们可以在页面间使用导航器提供的方法来切换页面，这样可以实现应用程序的整体流程控制。例如，我们可以使用导航控件在登录页面和主页面之间进行导航，或者在主页面的不同子页面之间进行导航。 此外，Avalonia导航控件还可以与其他控件一起使用，以实现更复杂的用户界面。例如，我们可以将导航控件和菜单控件结合使用，以创建具有导航功能的应用程序菜单。我们也可以将导航控件和数据绑定一起使用，以实现基于数据驱动的页面导航。 总而言之，Avalonia导航控件是一种实用的工具，可以帮助我们在Avalonia应用程序中有效地管理和导航页面，提供良好的用户体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值