WPF的DataGrid控件——分组、改变成DataTreeGrid的样式

最新推荐文章于 2024-06-17 18:46:05 发布
最新推荐文章于 2024-06-17 18:46:05 发布
阅读量1w 收藏 22
点赞数 2
分类专栏： wpf 文章标签： wpf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/niuge8905/article/details/78931662
版权

这里主要讲到《WPF编程宝典》那本书中，关于DataGrid控件中一些补充内容。
1、DataGrid基本用法
直接上代码，看效果吧：
后台代码

namespace DataGridTest
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            Model model = new Model();
            this.dataGridStudent.ItemsSource = model.ListStudent;
        }

    }
    public class Model
    {
        public List<Student> ListStudent { get; set; }
        public Model()
        {
            ListStudent = Initial();
        }
        private List<Student> Initial()
        {
            List<Student> listStudent = new List<Student>();
            listStudent.Add(new Student("class1", "David", 101));
            listStudent.Add(new Student("class1","James",102));
            listStudent.Add(new Student("class1", "Jim", 103));
            listStudent.Add(new Student("class2", "Lilei", 201));
            listStudent.Add(new Student("class2", "Hanmeimei", 202));
            listStudent.Add(new Student("class2", "Zhaolei", 203));
            return listStudent;
        }
    }
    public class Student
    {
        public string ClassRoom { get; set; }
        public string Name { get; set; }
        public int StudentId { get; set; }
        public Student(string classRoom,string name,int studentId)
        {
            ClassRoom = classRoom;
            Name = name;
            StudentId = studentId;
        }
    }
}

xaml代码：

    <Grid>
        <DataGrid Name="dataGridStudent" DataContext="{Binding Path=ListStudent}" AutoGenerateColumns="False">
            <DataGrid.Columns>
                <DataGridTextColumn Header="ClassRoom" Binding="{Binding Path=ClassRoom}" Width="*"></DataGridTextColumn>
                <DataGridTextColumn Header="Name" Binding="{Binding Path=Name}" Width="*"></DataGridTextColumn>
                <DataGridTextColumn Header="StudentId" Binding="{Binding Path=StudentId}" Width="*"></DataGridTextColumn>
            </DataGrid.Columns>
        </DataGrid>
    </Grid>

这里写图片描述
2、分组
在上面的数据中，可以以ClassRoom来给数据分组
后台代码(主要修改MainWindow()即可)：

public MainWindow()
        {
            InitializeComponent();
            ObservableCollection<Student> data = new ObservableCollection<Student>();
            Model model = new Model();
            foreach(var item in model.ListStudent)
            {
                data.Add(item);
            }
            this.dataGridStudent.ItemsSource = data;
            ICollectionView vw = CollectionViewSource.GetDefaultView(data);
            vw.GroupDescriptions.Add(new PropertyGroupDescription("ClassRoom"));
        }

前台代码：

<Window x:Class="DataGridTest.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:DataGridTest"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <Style x:Key="GroupHeaderStyle" TargetType="{x:Type GroupItem}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type GroupItem}">
                        <Expander IsExpanded="True">
                            <Expander.Header>
                                <TextBlock Text="{Binding Path=Name}"/>
                            </Expander.Header>
                            <ItemsPresenter />
                        </Expander>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>
    <Grid>
        <DataGrid Name="dataGridStudent"  AutoGenerateColumns="False">
            <DataGrid.GroupStyle>
                <GroupStyle ContainerStyle="{StaticResource GroupHeaderStyle}">
                    <GroupStyle.Panel>
                        <ItemsPanelTemplate>
                            <DataGridRowsPresenter/>
                        </ItemsPanelTemplate>
                    </GroupStyle.Panel>
                </GroupStyle>
            </DataGrid.GroupStyle>
            <DataGrid.Columns>
                <DataGridTextColumn Header="ClassRoom" Binding="{Binding Path=ClassRoom}" Width="*"></DataGridTextColumn>
                <DataGridTextColumn Header="Name" Binding="{Binding Path=Name}" Width="*"></DataGridTextColumn>
                <DataGridTextColumn Header="StudentId" Binding="{Binding Path=StudentId}" Width="*"></DataGridTextColumn>
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
</Window>

这里写图片描述
3、样式修改
这个时候会发现界面样式比较丑，可以稍作修改，可以参考以下博客：
http://blog.csdn.net/ff1990723/article/details/52948467
这篇博客稍复杂，作为入门没多久的半小白，我是看了半天没怎么看明白。但是我工作的需求并没有那么高，只需要修改Expander的按钮，把头列去掉即可，然后改为TreeView的样式。
首先去掉头列，只需要简单的设置RowHeaderWidth=”0”：

<DataGrid Name="dataGridStudent"  AutoGenerateColumns="False" RowHeaderWidth="0">

然后修改Expander的按钮：
这里的expander有两部分组成，一个是togglebutton，一部分是内容，这里可以用一个有两行的Grid的容器来存放这两个内容。当IsExpanded为True的时候，grid.row=1的行高等于内容的行高，当IsExpanded为false的时候，grid.row=1的行高为0，这样就可以变成expander的收放状态。这里仅需修改前台代码即可。

<Window x:Class="DataGridTest.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:DataGridTest"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <ControlTemplate x:Key="ExpanderToggleButton" TargetType="ToggleButton">
            <Border>
                <Path Name="path" Data="M 5,4 L 5,11 L 11,7.5 Z" Fill="Black"></Path>
            </Border>
            <ControlTemplate.Triggers>
                <Trigger Property="IsChecked" Value="true">
                    <Setter TargetName="path" Property="Data" Value="M 4,5 L 11,5 L 7.5,11 Z"></Setter>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>

            <Style x:Key="ExpanderStyle" TargetType="{x:Type Expander}">
            <Setter Property="IsExpanded" Value="False"></Setter>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Expander}">
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition></RowDefinition>
                                <RowDefinition Name="ContentRow" Height="0"></RowDefinition>
                            </Grid.RowDefinitions>
                            <Border Grid.Row="0" Name="border" BorderThickness="0,0,0,0">
                                <WrapPanel>
                                    <ToggleButton Margin="20 10 0 10"  VerticalAlignment="Center" IsChecked="{Binding Path=IsExpanded,Mode=TwoWay,RelativeSource={RelativeSource TemplatedParent}}"
                                                  OverridesDefaultStyle="True" Template="{StaticResource ExpanderToggleButton}" />
                                    <ContentPresenter  Margin="20 10 0 10"  VerticalAlignment="Center"  ContentSource="Header"  RecognizesAccessKey="True" />
                                </WrapPanel>
                            </Border>
                            <ContentPresenter Grid.Row="1"></ContentPresenter>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsExpanded" Value="true">
                                <Setter TargetName="ContentRow" Property="Height" Value="{Binding ElementName=Content, Path=DesiredHeight}" />
                            </Trigger>
                            <Trigger Property="IsExpanded" Value="false">
                                <Setter TargetName="border" Property="BorderThickness" Value="0 0 0 1" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Key="GroupHeaderStyle" TargetType="{x:Type GroupItem}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type GroupItem}">
                        <Expander IsExpanded="False" Style="{StaticResource ExpanderStyle}">
                            <Expander.Header>
                                <TextBlock Text="{Binding Path=Name}"/>
                            </Expander.Header>
                            <Expander.Content>
                                <ItemsPresenter />
                            </Expander.Content>                            
                        </Expander>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

    </Window.Resources>
    <Grid>        
        <DataGrid Name="dataGridStudent"  AutoGenerateColumns="False" RowHeaderWidth="0">
            <DataGrid.GroupStyle>
                <GroupStyle ContainerStyle="{StaticResource GroupHeaderStyle}">
                    <GroupStyle.Panel>
                        <ItemsPanelTemplate>
                            <DataGridRowsPresenter/>
                        </ItemsPanelTemplate>
                    </GroupStyle.Panel>
                </GroupStyle>
            </DataGrid.GroupStyle>
            <DataGrid.Columns>
                <DataGridTextColumn Header="ClassRoom" Binding="{Binding Path=ClassRoom}" Width="*"></DataGridTextColumn>
                <DataGridTextColumn Header="Name" Binding="{Binding Path=Name}" Width="*"></DataGridTextColumn>
                <DataGridTextColumn Header="StudentId" Binding="{Binding Path=StudentId}" Width="*"></DataGridTextColumn>
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
</Window>

这里写图片描述

接下来，把网格去掉，只需要设置网格线为空即可。

<DataGrid Name="dataGridStudent"  AutoGenerateColumns="False" RowHeaderWidth="0" HorizontalGridLinesBrush="{x:Null}" VerticalGridLinesBrush="{x:Null}">

然后，这个时候已经离TreeView很近了，我们只需要把第一列去掉，然后把背景颜色也去掉，就是一个DataGrid和TreeView结合的控件。
这里写图片描述

最后的xaml代码如下：

<Window x:Class="DataGridTest.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:DataGridTest"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <ControlTemplate x:Key="ExpanderToggleButton" TargetType="ToggleButton">
            <Border>
                <Path Name="path" Data="M 5,4 L 5,11 L 11,7.5 Z" Fill="Black"></Path>
            </Border>
            <ControlTemplate.Triggers>
                <Trigger Property="IsChecked" Value="true">
                    <Setter TargetName="path" Property="Data" Value="M 4,5 L 11,5 L 7.5,11 Z"></Setter>
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>

            <Style x:Key="ExpanderStyle" TargetType="{x:Type Expander}">
            <Setter Property="IsExpanded" Value="False"></Setter>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Expander}">
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition></RowDefinition>
                                <RowDefinition Name="ContentRow" Height="0"></RowDefinition>
                            </Grid.RowDefinitions>
                            <Border Grid.Row="0" Name="border" BorderThickness="0,0,0,0">
                                <WrapPanel>
                                    <ToggleButton Margin="20 10 0 10"  VerticalAlignment="Center" IsChecked="{Binding Path=IsExpanded,Mode=TwoWay,RelativeSource={RelativeSource TemplatedParent}}"
                                                  OverridesDefaultStyle="True" Template="{StaticResource ExpanderToggleButton}" />
                                    <ContentPresenter  Margin="20 10 0 10"  VerticalAlignment="Center"  ContentSource="Header"  RecognizesAccessKey="True" />
                                </WrapPanel>
                            </Border>
                            <ContentPresenter Grid.Row="1"></ContentPresenter>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsExpanded" Value="true">
                                <Setter TargetName="ContentRow" Property="Height" Value="{Binding ElementName=Content, Path=DesiredHeight}" />
                            </Trigger>
                            <Trigger Property="IsExpanded" Value="false">
                                <Setter TargetName="border" Property="BorderThickness" Value="0 0 0 1" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Key="GroupHeaderStyle" TargetType="{x:Type GroupItem}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type GroupItem}">
                        <Expander IsExpanded="False" Style="{StaticResource ExpanderStyle}">
                            <Expander.Header>
                                <TextBlock Text="{Binding Path=Name}"/>
                            </Expander.Header>
                            <Expander.Content>
                                <ItemsPresenter />
                            </Expander.Content>                            
                        </Expander>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

    </Window.Resources>
    <Grid>        
        <DataGrid  Name="dataGridStudent"  AutoGenerateColumns="False" RowHeaderWidth="0" HorizontalGridLinesBrush="{x:Null}" VerticalGridLinesBrush="{x:Null}" Background="{x:Null}">
            <DataGrid.GroupStyle>
                <GroupStyle ContainerStyle="{StaticResource GroupHeaderStyle}">
                    <GroupStyle.Panel>
                        <ItemsPanelTemplate>
                            <DataGridRowsPresenter/>
                        </ItemsPanelTemplate>
                    </GroupStyle.Panel>
                </GroupStyle>
            </DataGrid.GroupStyle>
            <DataGrid.Columns>
                <DataGridTemplateColumn Header="Name" Width="*">
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <TextBlock Text="{Binding Path=Name}" HorizontalAlignment="Center"></TextBlock>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>

                <DataGridTextColumn Header="StudentId" Binding="{Binding Path=StudentId}" Width="*"></DataGridTextColumn>
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
</Window>
niuge No.1
关注
  • 2
    点赞
  • 踩
  • 22
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
WPF中使用TreeView封装组合控件TreeView+DataGrid
故里2130
12-21 945
wpf的功能非常强大，很多控件都是原生的，但是要使用TreeView+DataGrid的组合，就需要我们自己去封装实现。功能如上图所示， 目前基本上把常用的样式都实现了，购买源码后，可以自行修改样式。本文源码效果如下，（搞了好几天，的确有难度，所以源码也收费，便宜，赚点辛苦费）第一种：技术的选择是TreeView（也就是本文的演示）。这2个图都是第三方控件自带的，并且都是收费使用。首先说明一下，实现上面的效果，有3种方法。本文演示的是使用TreeView的实现。第二种：技术的选择是DataGrid。
C# WPF DataGrid控件实现三级联动
10-27
C# WPF DataGrid控件实现三级联动 博客原文：http://blog.csdn.net/weixinhum/article/details/49449973
示例:WPF中DataGrid设置多级分组样式
最新发布
HeBianGu的博客
06-17 639
最后，设置DataGrid的GroupStyle，示例中定义了二级分组，所以需要设置两个GroupStyle。首先，定义一个支持分组排序的CollectionViewSource资源。然后，绑定到DataGrid的ItemsSource上。
WPF基础-DataGrid
热门推荐
weixin_42975610的博客
03-09 2万+
WPF基础DataGrid(VS2015+Win10) 在WPF中，主要使用DataGrid控件进行表格化数据的展示，控件提供一个用户界面，用于 ADO.NET 数据集(ADO.NET是微软的一个组件库，作为数据访问接口使用，详细内容直接参考百科ADO.NET)，并显示表格数据和启用数据源更新。DataGrid 控件设置为有效数据源时，则自动填充该控件，同时根据数据的形状创建列和行。 DataGrid 控件可用于显示单个表或显示一组表之间的分层关系，本篇就简单介绍下DataGrid的常见用法。 1.使用Da
WPF 控件专题 DataGrid 控件详解
^@^lemon tea^@^
09-23 8229
WPF 控件专题 DataGrid 控件详解
wpf DataGrid 分组
weixin_53370274的博客
05-11 1219
转载：https://www.cnblogs.com/sjqq/p/8343335.html wpf DataGrid 分组 //xaml <Page.Resources> <Style x:Key="GroupHeaderStyle" TargetType="{x:Type GroupItem}"> <Setter Property="Template"> <Setter.Value
【WPF应用32】WPF中的DataGrid控件详解与示例
qq_35320456的博客
04-04 4635
WPF中的DataGrid控件详解与示例
WPF TREEGRID,一种绑定至类中的可变的DataRow中的列的方法
honeyyx的专栏
03-10 350
Classs TreeGrid{ int Level，string Parent,string Child,DataRow Value}，想在一个 DataGrid 中呈现树形的可变的DataRow数据。实现通过调用C#代码对可变的实体数据进行动态绑定。"Value[" + column.ColumnName+"]" 可实现 对DataRow中的列“ColumnName”与Class类中的属性“PropertyName”同样的效果。
wpf DataGrid分组、排序、筛选
02-02
总结来说，WPF中的`DataGrid`控件通过`CollectionViewSource`、`SortDescriptions`和`Filter`等特性，提供了强大的数据分组、排序和筛选功能。这不仅提高了用户界面的交互性，也使得数据管理变得更加灵活和高效。...
wpf datagrid控件
12-02
自定义WPF DataGrid通常是为了满足特定需求，比如增加新的控件样式、添加自定义排序和过滤功能、优化性能或者改进用户体验。在这个项目中，可能包含以下特性： - **扩展列类型**：可能添加了自定义列类型，如日期...
WPF DataGrid控件中的动态列（第1部分）
04-11
在Windows Presentation Foundation (WPF) 中，`DataGrid`控件是用于展示表格数据的强大工具。在实际开发中，我们经常遇到数据结构不固定或需要根据用户需求动态改变列显示的情况。本篇将深入探讨如何在`WPF ...
wpf DataGrid分组
01-13
wpf DataGrid大数据通过模板选择器进行不同样式筛选，下拉分组，性能优化，支持几千条数据加载，低卡顿
WPF控件TreeGrid/类似TreeListView
05-28
通过继承WPF控件Datagrid，设计具有展开折叠功能的TreeListView,相对于网上较为流行的使用GridView和TreeView组合实现的TreeListView，本控件纯粹使用Datagrid扩展,并具备编辑功能，完全支持MVVM操作，有点类似Devexpress的相应控件，既可以简单的绑定到Datatable，因此保存数据相当方便，并通过Key和ParentKey在内部实现分级，外部只是简单的获取数据值即可，本控件屏蔽了添加和删除功能，一般只需要修改而已，当然由于Datagrid的强大编辑性，扩展这些功能很容易。
WPF下的TreeTable实现示例
06-03
WPF下的TreeTable实现示例,对于WPF下的TreeTable困惑的人极有帮助！
WPF 分页DataGrid 分页控件的实现
06-18
8. **自定义外观**：根据需求，你可以自定义DataGrid的样式，以及分页控件的外观和交互。 以上就是使用C#在WPF中实现DataGrid分页的基本流程。实际项目中可能还需要考虑其他细节，如错误处理、性能优化等。在wpf....
WPF 之 DataGrid 入门实践三：样式美化
外来物种
01-08 2836
▪ 前言 .Net 对 UI 控件提供了丰富的样式设置属性，但是当你不是很熟练或者长时间没有使用后很容易忘记其样式的属性，这里对常用的 DataGrid 样式设置做个笔记，以便日后查阅。 ▪ 基本样式 DataGrid 的视图代码： # xaml <DataGrid Style="{StaticResource styleDataGridView}" Height="600"> <DataGrid.Columns> <DataGridTextColumn
WPF 中的DataGrid
迷麟的博客
11-08 5407
关于wpf项目，表格是最常见的控件了，对于数据而言。其DataGrid就是有来显示数据的控件，下面就来讲解DataGrid的各种属性及表格的应用。 首先是将DataGrid绑定到数据，请将ItemSource属性设置 IEnumerable实现。数据网格中的每一行都绑定到数据源的一个对象，数据网格中的每一列都绑定到数据对象的一个属性。为了在源数据中添加或删除项目时DataGrid用户界面自动更新。DataGrid必须绑定到实现借口的集合。 那说到数据绑定：指的是应用程序UI与其显示的数据之间...
WPF中DataGrid动态生成列及自定义表头结构
羽木落凡的博客
08-11 9827
DataGrid动态生成列并实现数据绑定，以及如何实现复杂的表头和列内容
WPF中使用DataGrid封装组合控件TreeView+DataGrid-粉丝专栏
故里2130
12-22 908
wpf的功能非常强大，很多控件都是原生的，但是要使用TreeView+DataGrid的组合，就需要我们自己去封装实现。功能如上图所示， 目前基本上把常用的样式都实现了，购买源码后，可以自行修改样式。本文源码效果截图，（搞了好几天，的确有难度，所以源码也收费，便宜，赚点辛苦费）第二种：技术的选择是DataGrid（也就是本文的演示）。这2个图都是第三方控件自带的，并且都是收费使用。首先说明一下，实现上面的效果，有3种方法。第一种：技术的选择是TreeView。本文演示的是DataGrid的实现。
wpf datagrid分页控件 下载
08-20
WPF DataGrid是WPF平台下的一个数据表格控件，用于显示和编辑数据。分页控件是一种用于在大量数据中分页显示数据的工具。 要下载WPF DataGrid分页控件，一般可以通过以下步骤进行： 1. 打开浏览器并进入一个可信赖的开源代码托管网站，如GitHub或CodePlex。 2. 在搜索框中输入“WPF DataGrid分页控件”，并点击搜索按钮。 3. 从搜索结果中选择一个适合自己需求的分页控件项目，注意查看该项目的文档和说明。 4. 进入选定的项目页面，找到“下载”或类似的按钮或链接，并点击进行下载。 下载的文件通常是一个压缩包，其中包含了WPF DataGrid分页控件的源代码和示例等文件。解压缩后，可以根据项目文档中的指导进行安装和使用。 在使用WPF DataGrid分页控件时，需要根据具体的需求和项目特点进行配置和调整。一般来说，可以设置每页显示的数据量、当前页码、总页数等属性，还可以通过事件和命令来处理翻页、刷新数据等操作。此外，还可以自定义分页控件的外观和样式，以满足项目的设计需求。 总之，下载WPF DataGrid分页控件可以通过搜索和选择开源项目，在项目页面进行下载和安装。在使用过程中，根据需求进行配置和调整，以实现对大量数据进行分页显示和管理的功能。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值