建网站的详细步骤网页美工设计师工作内容

1.前提准备

需要引用MaterialDesign控件库，关于如何引用，请参照文章——关于C#如何引用MaterialDesign控件库

2.XAML代码

<Window x:Class="MaterialDesign_Test.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"xmlns:local="clr-namespace:MaterialDesign_Test"xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"xmlns:smtx="clr-namespace:ShowMeTheXAML;assembly=ShowMeTheXAML"xmlns:system="clr-namespace:System;assembly=mscorlib"mc:Ignorable="d"Title="MainWindow" Height="450" Width="800"><Grid><Button Content="{materialDesign:PackIcon Kind=ArrowRight}" Width="30" Height="30" Margin="94,207,668,182" Click="Button_Click" /><materialDesign:DrawerHost x:Name="drawerHost"><!-- 抽屉内容 --><materialDesign:DrawerHost.RightDrawerContent><Grid Background="LightGray" Width="160"><TextBlock Text="这是抽屉内容" VerticalAlignment="Center" HorizontalAlignment="Center"/></Grid></materialDesign:DrawerHost.RightDrawerContent></materialDesign:DrawerHost></Grid>
</Window>

3.对应的C#代码

using System.Windows;namespace MaterialDesign_Test
{/// <summary>/// MainWindow.xaml 的交互逻辑/// </summary>public partial class MainWindow : Window{public MainWindow(){InitializeComponent();}private void Button_Click(object sender, RoutedEventArgs e){//drawerHost.IsLeftDrawerOpen = true;drawerHost.IsRightDrawerOpen = true;}}
}

4.显示效果

点击蓝色按钮，出现如图所示的效果。