WPF控件8

ListView：是列表视图，分视图显示方式(<ListView.View>，里买南方ViewBase类型的控件，如GridView控件，只能放一个)和数据源(<ListView.ItemsSource>)两个部分。如果只是显示数据的，单用GridView就行了，所以这个常用于一个数据源，存在多个View的情况，提供右键菜单。

XAMl：

<!--窗口资源-->

    <Window.Resources>

        <Style x:Key="ListViewItemStyle" TargetType="{x:Type ListViewItem}">

            <!--内容水平居中-->

            <Setter Property="HorizontalContentAlignment" Value="Center"></Setter>

        </Style>

    </Window.Resources>

    <!--布局-->

    <ListView x:Name="listView" Width="800" Height="450" ItemContainerStyle="{StaticResource ListViewItemStyle}">

        <ListView.View>

            <GridView>

                <GridViewColumn Header="***" Width="122" DisplayMemberBinding="{Binding book_id}"/>

                <GridViewColumn Header="书名" Width="111" DisplayMemberBinding="{Binding book_name}"/>

                <GridViewColumn Header="类型" Width="88" DisplayMemberBinding="{Binding book_type}"/>

                <GridViewColumn Header="作者" Width="111" DisplayMemberBinding="{Binding book_author}"/>

                <GridViewColumn Header="出版社" Width="111" DisplayMemberBinding="{Binding book_publisher}"/>

                <GridViewColumn Header="价格" Width="66" DisplayMemberBinding="{Binding book_price}"/>

                <GridViewColumn Header="库存" Width="66" DisplayMemberBinding="{Binding book_status}"/>

            </GridView>

        </ListView.View>

</ListView>

效果：

C#提供数据支撑后：

namespace WpfAppDemo2

{

    /// <summary>

    /// 创建图书类

    /// </summary>

    public class Book

    {

        public int book_id { get; set; }

        public string book_name { get; set; }

        public string book_type { get; set; }

        public string book_author { get; set; }

        public string book_publisher { get; set; }

        public decimal book_price { get; set; }

        public int book_status { get; set; }

    }

    /// <summary>

    /// ListViewDemo.xaml 的交互逻辑

    /// </summary>

    public partial class ListViewDemo : Window

    {

        public ListViewDemo()

        {

            InitializeComponent();

            Init();

        }

        private void Init()

        {

            //循环生成内容集合

            for (int i = 0; i < 10; i++)

            {

                listView.Items.Add(new Book()

                {

                    book_id = i + 1,

                    book_name = "C#基础",

                    book_type = ".NET",

                    book_author = "张三",

                    book_publisher = "背景教育出版社",

                    book_price = 25,

                    book_status = 10000

                });

            }

        }

    }

}

效果：

Menu：菜单栏，一般放在顶部，如vs顶部，也就是标题的下面那排。

XAML：

<Menu Name="menu" HorizontalAlignment="Left" VerticalAlignment="Top" Background="Transparent" Foreground="#FF5D88C7" FontSize="18" FontFamily="STSong">

        <MenuItem Header="系统管理">

            <MenuItem.Icon>

                <Image Source="tx/tx 01.jpg"></Image>

            </MenuItem.Icon>

            <MenuItem Header="查询">

                <MenuItem.Icon>

                    <Image Source="tx/tx 02.jpg"></Image>

                </MenuItem.Icon>

            </MenuItem>

            <MenuItem Header="新增">

                <MenuItem.Icon>

                    <Image Source="tx/tx 03.jpg"></Image>

                </MenuItem.Icon>

            </MenuItem>

            <MenuItem Header="修改">

                <MenuItem.Icon>

                    <Image Source="tx/tx 04.jpg.jpg"></Image>

                </MenuItem.Icon>

            </MenuItem>

            <MenuItem Header="删除">

                <MenuItem.Icon>

                    <Image Source="tx/tx 05.jpg"></Image>

                </MenuItem.Icon>

            </MenuItem>

        </MenuItem>

        <MenuItem Header="员工管理">

            <MenuItem Header="查询">

                <MenuItem Header="新增01">

                    <MenuItem Header="修改02"/>

                    <MenuItem Header="删除02"/>

                </MenuItem>

                <MenuItem Header="修改01"/>

                <MenuItem Header="删除01"/>

            </MenuItem>

            <MenuItem Header="新增"/>

            <MenuItem Header="修改"/>

            <MenuItem Header="删除"/>

        </MenuItem>

    </Menu>

效果：