WPF MVVMLight 4：绑定和绑定的各种使用场景

最新推荐文章于 2023-06-21 11:01:40 发布
最新推荐文章于 2023-06-21 11:01:40 发布
阅读量776 收藏 2
点赞数 1
分类专栏： C# 文章标签： wpf
原文链接：https://www.cnblogs.com/wzh2010/p/6425060.html
版权

一、绑定：
主要包含元素绑定和非元素绑定两种。

1、元素绑定：是绑定的最简单形式，源对象是WPF的元素，并且源对象的属性是依赖项属性。

根据我们之前的知识 ，依赖项属性具有内置的更改通知支持。所以当我们的源对象中改变依赖项属性的值时，会立即更新目标对象中的绑定属性。

以上篇的例子来重写，我们不用额外定义全局公开的属性来支持数据的显示。

如下：

<StackPanel Orientation="Vertical" HorizontalAlignment="Left" >
       <TextBox x:Name="WelcomeText" Width="200" Margin="10,10,0,0"></TextBox>
       <TextBlock Text="{Binding ElementName=WelcomeText,Path=Text,StringFormat='Hello \{0\}'}" Margin="10,10,0,0"></TextBlock>
</StackPanel>

在这里插入图片描述
TextBlock 绑定了名称为WelcomeText的元素，并且将Path指向Text属性，所以他的值会跟着 WelcomeText的变化而变化。

2、非元素类型绑定：
2.1 Source属性：绑定具体的数据对象：如系统信息跟我们定义的资源数据。

定义Window下的全局资源

<Window.Resources>
     <SolidColorBrush x:Key="BorderBrush">Red</SolidColorBrush>
</Window.Resources>

应用到视图中

<StackPanel Margin="10,50,0,0" Orientation="Vertical" >
             <TextBlock Text="{Binding Source={x:Static SystemFonts.IconFontFamily},Path=Source}" ></TextBlock>
              <TextBlock Text="{Binding Source={StaticResource BorderBrush}}" Foreground="{Binding Source={StaticResource BorderBrush}}"  ></TextBlock>
</StackPanel>

结果：
在这里插入图片描述
2.2 RelativeSource 属性：设置该属性 可以根据当前目标对象的相对关系指向源目标。比如获取当前对象的父亲对象、兄弟对象或者自身的其他属性等一些数据。

<StackPanel Margin="10,50,0,0" Orientation="Vertical" ToolTip="top" >

                <StackPanel Orientation="Horizontal" >
                    <TextBlock Width="150" Text="获取自身宽度:"  ></TextBlock>
                    <TextBlock Width="200" Text="{Binding Path=Width,RelativeSource={RelativeSource Mode=Self}}" ></TextBlock>
                </StackPanel>


                <StackPanel Orientation="Horizontal" ToolTip="parent" >
                    <TextBlock Width="150" Text="查找上一层ToolTip:" ></TextBlock>
                    <TextBlock Text="{Binding Path=ToolTip,RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type StackPanel}}}"></TextBlock>
                </StackPanel>


                <StackPanel Orientation="Horizontal">
                    <TextBlock Width="150" Text="查找上二层ToolTip:" ></TextBlock>
                    <TextBlock Text="{Binding Path=ToolTip,RelativeSource={RelativeSource Mode=FindAncestor,AncestorType={x:Type StackPanel},AncestorLevel=2}}"></TextBlock>
                </StackPanel>

            </StackPanel>

代码很容易理解，这边在创建RelativeSource的时候，mode模式有四种类型：
在这里插入图片描述
注意：AncestorType 指得是查找的对象类型，AncestorLevel 代表搜索的层级的位置，如果是3，则忽略前两个发现的元素。
结果：
在这里插入图片描述
2.3 DataContext 属性：如果想将一个对象绑定到一个由多个元素组成的视图块或者复合元素中，用DataContext 会更好开发和维护。如下

<StackPanel Orientation="Vertical" DataContext="UInfo" >

                <StackPanel Orientation="Horizontal" >
                    <TextBlock Text="名称：" Width="100" ></TextBlock>
                    <TextBox Text="{Binding Name}" Width="100" ></TextBox>
                </StackPanel>

                <StackPanel Orientation="Horizontal">
                    <TextBlock Text="性别：" Width="100" ></TextBlock>
                    <TextBox Text="{Binding Sex}" Width="100" ></TextBox>
                </StackPanel>

            </StackPanel>

二、绑定的各种使用场景：
数据绑定有普通的控件绑定应用：比如 下拉框、单选框、复选框、普通文本框 、日期框等；
复杂的绑定有数据列表绑定，用户控件信息绑定等，比如 ListBox，DataGrid，UserControl绑定等。
1、下拉框：

View代码：

<StackPanel Margin="10,20,0,50">
                <TextBlock Text="下拉框" FontWeight="Bold" FontSize="12" Margin="0,5,0,5" ></TextBlock>
                <DockPanel x:Name="Combbox" >
                    <StackPanel DockPanel.Dock="Left" Width="240">
                        <ComboBox Width="200" HorizontalAlignment="Left" ItemsSource="{Binding CombboxList}" SelectedItem="{Binding CombboxItem}" DisplayMemberPath="Text" SelectedValuePath="Key" ></ComboBox>
                    </StackPanel>

                    <StackPanel DockPanel.Dock="Right" Width="240" Orientation="Horizontal" DataContext="{Binding CombboxItem}" >
                        <TextBlock Text="{Binding Key,StringFormat='结果：\{0\}'}" Margin="0,0,15,0" ></TextBlock>
                        <TextBlock Text="{Binding Text}"></TextBlock>
                    </StackPanel>

                    </DockPanel>
            </StackPanel>

Model代码：

 public class ComplexInfoModel:ObservableObject
    {
        private String key;
        /// <summary>
        /// Key值
        /// </summary>
        public String Key
        {
            get { return key; }
            set { key = value; RaisePropertyChanged(()=>Key); }
        }

        private String text;
        /// <summary>
        /// Text值
        /// </summary>
        public String Text
        {
            get { return text; }
            set { text = value; RaisePropertyChanged(()=>Text); }
        }
    }

ViewModel代码：

#region 下拉框相关
        private ComplexInfoModel combboxItem;
        /// <summary>
        /// 下拉框选中信息
        /// </summary>
        public ComplexInfoModel CombboxItem
        {
            get { return combboxItem; }
            set { combboxItem = value; RaisePropertyChanged(() => CombboxItem); }
        }


        private List<ComplexInfoModel> combboxList;
        /// <summary>
        /// 下拉框列表
        /// </summary>
        public List<ComplexInfoModel> CombboxList
        {
            get { return combboxList; }
            set { combboxList = value; RaisePropertyChanged(()=>CombboxList); }
        }
        #endregion

说明：CombboxItem是一个全局的属性，作用在当前页面的数据上下文中，结果显示的内容指向下拉框中的选中值，达到共用一个数据的目的。

这边有四个地方需要注意的：ItemsSource：数据源；SelectedItem：选中的项；DisplayMemberPath：绑定时显示的所属值；SelectedValuePath ：绑定时候key的所属值。
结果：
在这里插入图片描述
2、单选框

<StackPanel Margin="10,0,0,50">
                <TextBlock Text="单选框" FontWeight="Bold" FontSize="12" Margin="0,5,0,5" ></TextBlock>
                <DockPanel x:Name="RadioButton" >
                    <StackPanel DockPanel.Dock="Left" Width="240">
                        <RadioButton Content="{Binding SingleRadio}" IsChecked="{Binding IsSingleRadioCheck}" HorizontalAlignment="Right" Width="240" >
                        </RadioButton>
                    </StackPanel>
                    <StackPanel DockPanel.Dock="Right" Width="240" Orientation="Horizontal">
                        <TextBlock Text="{Binding IsSingleRadioCheck,StringFormat='结果：\{0\}'}" ></TextBlock>
                    </StackPanel>
                </DockPanel>
            </StackPanel>

说明：注意这边使用到了两个属性： SingleRadio，IsSingleRadioCheck，一个用于显示单选框内容，一个用于表示是否选中

结果：
在这里插入图片描述
3、组合单选框

我们一般会用单选框做组合表示唯一选项，比如性别包含男女，但是只能选择一个。而更多的场景是包含多个选项，但是只能单选的，这时候就需要做单选框组。

<StackPanel Margin="10,0,0,50">
                <TextBlock Text="组合单选框" FontWeight="Bold" FontSize="12" Margin="0,5,0,5"></TextBlock>
                <DockPanel x:Name="GroupRadioButton" >
                    <StackPanel DockPanel.Dock="Left" Width="240">
                        <ItemsControl ItemsSource="{Binding RadioButtons}">
                            <ItemsControl.ItemTemplate>
                                <DataTemplate>
                                    <RadioButton Content="{Binding Content}" IsChecked="{Binding IsCheck}" GroupName="RadioButtons"
                                                 Command="{Binding DataContext.RadioCheckCommand,RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=ItemsControl}}">
                                    </RadioButton>
                                </DataTemplate>
                            </ItemsControl.ItemTemplate>
                        </ItemsControl>
                    </StackPanel>

                    <StackPanel DockPanel.Dock="Right" Width="240" Orientation="Horizontal">
                        <TextBlock Text="{Binding RadioButton.Content,StringFormat='结果：\{0\}'}" ></TextBlock>
                    </StackPanel>
                </DockPanel>
            </StackPanel>

这边使用了ItemsControl，可以根据模板来定义内容，我们在模板中放置我们需要用到的内容。这边需要注意的是：GroupName用一样的，来代表这是一个单选控件组合。

这边有是三个属性进行绑定相关：
RadioButtons：单选框列表数据（循环绑定）；Content：单选框显示的内容；IsCheck：单选框的是否选中。
结果：
在这里插入图片描述
4、复选框，复选框与单选框的使用情况类似：

<StackPanel Margin="10,0,0,50">
                <TextBlock Text="复合框" FontWeight="Bold" FontSize="12" Margin="0,5,0,5" ></TextBlock>
                <DockPanel x:Name="GroupCheckButton" >
                    <StackPanel DockPanel.Dock="Left" Width="240">
                        <ItemsControl ItemsSource="{Binding CheckButtons}" x:Name="cbt" >
                            <ItemsControl.ItemTemplate>
                                <DataTemplate>
                                    <CheckBox Content="{Binding Content}" IsChecked="{Binding IsCheck}"
                                                 Command="{Binding DataContext.CheckCommand,RelativeSource={RelativeSource Mode=FindAncestor,AncestorType=ItemsControl}}"/>
                                </DataTemplate>
                            </ItemsControl.ItemTemplate>
                        </ItemsControl>
                    </StackPanel>

                    <StackPanel DockPanel.Dock="Right" Width="240" Orientation="Horizontal">
                        <TextBlock Text="{Binding CheckInfo,StringFormat='结果：\{0\}'}" ></TextBlock>
                    </StackPanel>
                </DockPanel>
  </StackPanel>

结果：
在这里插入图片描述
5、树形控件

View代码：

<StackPanel Margin="10,0,0,50">
                <TextBlock Text="树" FontWeight="Bold" FontSize="12" Margin="0,5,0,5" ></TextBlock>
                <DockPanel x:Name="TreeButton" >
                    <StackPanel DockPanel.Dock="Left" Width="240">
                            <TreeView ItemsSource="{Binding TreeInfo}" x:Name="tree" BorderThickness="0">
                            <TreeView.ItemTemplate>
                                <HierarchicalDataTemplate ItemsSource="{Binding Children}">
                                    <TextBlock Text="{Binding NodeName}"/>
                                </HierarchicalDataTemplate>
                            </TreeView.ItemTemplate>
                        </TreeView>
                    </StackPanel>

                    <StackPanel DockPanel.Dock="Right" Width="240" Orientation="Horizontal" DataContext="{Binding SelectedItem,ElementName=tree}">
                            <TextBlock Text="结果："/>
                        <TextBlock Text="{Binding NodeID,StringFormat='NodeID：\{0\}'}"  Margin="0,0,20,0"  />
                        <TextBlock Text="{Binding NodeName,StringFormat='NodeName：\{0\}'}"/>
                    </StackPanel>
                </DockPanel>
 </StackPanel>

Model代码

public class TreeNodeModel : ObservableObject
    {
        public string NodeID { get; set; }
        public string NodeName { get; set; }
        public List<TreeNodeModel> Children { get; set; }
    }

ViewModel代码

#region 树控件

        private List<TreeNodeModel> treeInfo;
        /// <summary>
        /// 树控件数据信息
        /// </summary>
        public List<TreeNodeModel> TreeInfo
        {
            get { return treeInfo; }
            set { treeInfo = value; RaisePropertyChanged(()=>TreeInfo); }
        }


  #endregion

结果：
在这里插入图片描述
6、ListBox

当我们需要用到循环的列表内容，并且模板化程度高的时候，建议使用ListBox来做绑定。
View代码：

<StackPanel Margin="10,0,0,50" Orientation="Vertical" >
                <TextBlock Text="ListBox模板" FontWeight="Bold" FontSize="12" Margin="0,5,0,5" ></TextBlock>
                    <DockPanel >
                        <StackPanel HorizontalAlignment="Left" DockPanel.Dock="Left" >
                            <ListBox x:Name="lb" ItemsSource="{Binding ListBoxData}" Width="500" BorderThickness="0" >
                                <ListBox.ItemsPanel>
                                    <ItemsPanelTemplate>
                                        <WrapPanel Width="{Binding ActualWidth,RelativeSource={RelativeSource AncestorType={x:Type ListBox}}}"/>
                                    </ItemsPanelTemplate>
                                </ListBox.ItemsPanel>

                                <ListBox.ItemTemplate>
                                    <DataTemplate>
                                        <StackPanel>
                                            <Image Source="{Binding Img}" Width="96" Height="96"/>
                                            <TextBlock HorizontalAlignment="Center" Text="{Binding Info}"/>
                                        </StackPanel>
                                    </DataTemplate>
                                </ListBox.ItemTemplate>
                            </ListBox>
                        </StackPanel>

                        <StackPanel DockPanel.Dock="Right" DataContext="{Binding SelectedItem,ElementName=lb}" Margin="15" Orientation="Vertical" >
                            <TextBlock Text="{Binding Info,StringFormat='选中：\{0\}'}" ></TextBlock>
                        </StackPanel>
                    </DockPanel>
                </StackPanel>

ViewModel代码：

#region ListBox 模板

        private IEnumerable listBoxData;
        /// <summary>
        /// LisBox数据模板
        /// </summary>
        public IEnumerable ListBoxData
        {
            get { return listBoxData; }
            set { listBoxData = value;RaisePropertyChanged(()=>ListBoxData); }
        }

        #endregion

初始数据：

private void InitListBoxList()
        {
            ListBoxData = new ObservableCollection<dynamic>(){
              new { Img="/MVVMLightDemo;component/Images/1.jpg",Info="樱桃" },
              new { Img="/MVVMLightDemo;component/Images/2.jpg",Info="葡萄" },
              new { Img="/MVVMLightDemo;component/Images/3.jpg",Info="苹果" },
              new { Img="/MVVMLightDemo;component/Images/4.jpg",Info="猕猴桃" },
              new { Img="/MVVMLightDemo;component/Images/5.jpg",Info="柠檬" },
           };
        }

结果：
在这里插入图片描述
7、用户控件的集合绑定：

ListBox的列表绑定远远不能满足我们实际工作中的需求，
出于对灵活性、复用性以及代码精简的考虑，需要保证循环列表中的单个元素是独立的元素片段，类似Web中的局部视图。 这时候，使用用户控件会好很多。

我们先写一个用户控件，分别设置了他的样式和绑定的属性值，如下：

<UserControl x:Class="MVVMLightDemo.Content.FruitInfoView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             mc:Ignorable="d"
             d:DesignHeight="300" d:DesignWidth="300">
    <Grid>
        <Grid.Resources>
            <Style TargetType="{x:Type StackPanel}">
                <Style.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="RenderTransform">
                            <Setter.Value>
                                <RotateTransform Angle="10"></RotateTransform>
                            </Setter.Value>
                        </Setter>
                        <Setter Property="Background" Value="#3B9CFB" />
                    </Trigger>
                </Style.Triggers>
            </Style>
        </Grid.Resources>


        <StackPanel Orientation="Vertical" Margin="10">
            <Image Source="{Binding Img}" Width="96" Height="96" />
            <TextBlock HorizontalAlignment="Center" Text="{Binding Info}"/>
        </StackPanel>

    </Grid>
</UserControl>

在目标视图页面注册并使用：

xmlns:Content="clr-namespace:MVVMLightDemo.Content" 

<StackPanel Margin="10,0,0,50" Orientation="Vertical" >
                    <TextBlock Text="用户控件模板列表" FontWeight="Bold" FontSize="12" Margin="0,5,0,5" ></TextBlock>
                    <StackPanel HorizontalAlignment="Left" Width="500" >
                         <ItemsControl ItemsSource="{Binding FiList}" HorizontalAlignment="Left" >
                            <ItemsControl.ItemTemplate>
                                <DataTemplate>
                                    <Content:FruitInfoView />
                                </DataTemplate>
                            </ItemsControl.ItemTemplate>

                            <!-- 面板显示模板 -->
                            <ItemsControl.ItemsPanel>
                                <ItemsPanelTemplate>
                                    <WrapPanel Orientation="Horizontal">
                                    </WrapPanel>
                                </ItemsPanelTemplate>
                            </ItemsControl.ItemsPanel>

                        </ItemsControl>

                    </StackPanel>
 </StackPanel>

结果：
在这里插入图片描述
点击下载源码

PS：本文转载自博客园的作者Brand的原创文章，感谢原作者的分享。原文链接：https://www.cnblogs.com/wzh2010/p/6425060.html

Echo_Lee0
关注
专栏目录
WPF+Mvvm 项目入门完整教程-仓储管理系统（一）
lingshuangcanxue
07-15 625
创建一个简单的基于MvvmLight框架的WPF应用以及如何获取字体图标，包括图标的查找，更新与打包
WPF MVVMLIght 绑定数据和绑定方法
saga661的博客
09-12 537
WPF MVVMLIght 数据绑定和方法
WPF MvvMLight使用示例
08-19
WPF MvvMLight未提供NavigationService和OnNavigatedTo及OnNavigatedFrom，本示例已实现。
MvvmLight(2)-WPF中数据绑定（Data Binding）
BitoLink的博客
04-09 344
WPF 作为展示层技术，华丽的外观和动画，只是它的表层现象；更重要的是，它帮助程序员把思维的重心放在了逻辑层；让展示层永远处于逻辑层的从属地位；由UI驱动，改为数据驱动；其具备这种能力的关键是引入了数据绑定（Data Binding）、依赖属性(Dependency Property)、数据模板(Data Template)； 层示层使用WPF类库来实现，所有与业务逻辑和算法相关处理都在逻辑层实现；而层示层与逻辑层的沟通是通过数据绑定（Data Binding）来实现;实现了展示层与逻辑层的解耦，方便开发与
使用 MVVMLight 命令绑定
07-14
参考文章：http://www.wxzzz.com/1104.html 这篇文章我们将实现把命令绑定到按钮上，在XAML中的Button之类的都会有个Command属性可以让我们来绑定命令使用。 首先我们要实现的目标是，在界面中可以点击按钮添加数据，但是最多能添加5条数据，最少保证有1条数据。也就是两个按钮哈（增加数据/删除数据）。
wpf mvvmlight框架demo
weixin_43632687的博客
06-12 1683
https://www.cnblogs.com/manupstairs/p/4890300.html 1.在nuget中搜索安装mvvmlight。过程如果提示nuget版本低，则卸载nuget，重新下载并重启即可（网络有出错的解决教程，不重复讲解） 2.MVVM其实包括三部分，model即数据模型，viewmodel依赖于model，操作model，并定义了一些列的方法与command命令，VI...
WPF中使用MVVM模型进行数据绑定
BeanGo的博客
11-25 2201
MVVM数据绑定
wpf MVVM的简单绑定
Sumpermap iServer 地图不显问题
09-18 118
1.前台部分：绑定用Bing <TextBox Text="{Binding MyString}" Width="300" Height="30" VerticalContentAlignment="Center"></TextBox> 3.在ViewModel 写属性 #region 属性 private string myString; public string MyString { get {
WPF MVVMLight框架使用源码，可运行看效果
12-24
在提供的源码示例中，我们可以看到如何运用MVVMLight来构建一个可运行的应用程序，了解其主要功能和使用方法。 1. **MVVM模式介绍** MVVM模式是一种软件设计模式，它将业务逻辑（ViewModel）与用户界面（View）...
MVVM模式下WPF动态绑定展示图片
10-19
综上所述，MVVM模式下在WPF中动态绑定展示图片需要结合ViewModel与视图的数据绑定、文件系统操作、异常处理以及一些辅助类和方法的使用。这些步骤共同作用，以实现图片数据与视图之间的动态交互和实时更新。
WPF MVVM 之 MvvmLight UserControl 数据绑定
qq_41367785的博客
09-21 906
引用 ： xmlns:custom="clr-namespace:MVVMLightDemo.CustomControl"当我们引用自定义用户控件的时候必须要有字段 | 字段名必须与自定义控件的绑定字段名一样才可以private String _textPath = "关键词";/// 关键词{}}}Name：控件名 | IDVerticalContentAlignment：垂直内容对齐Width：宽度Height：高度Margin：外边框Padding：内边框。
WPF用MVVM框架的Demo
10-10
刚刚研究的一个小Demo，拿来分享一下。很简洁一看就懂
MVVMLight框架下的wpf登陆程序demo
05-21
MVVMLight框架下的wpf登陆程序demo,包含两个界面，一个主界面和一个登陆界面，启动时先启动登陆界面，验证通过后打开主界面。使用WPF下的MVVM框架开发。
WPF的数据绑定——控件与类成员及类对象成员双向绑定
04-11
最近研究WPF，遇到并解决了一些难题（至少是初学者的入门难题），包括： 1）控件如何绑定数据？ 2）控件与数据如何双向绑定？ 3）控件如何绑定类成员变量？ 4）控件如何绑定类对象的成员变量？ 5）每次加载页面时，都会重新初始化，如何保持数据不变？
WPF基础知识绑定、样式、依赖属性教程
03-17
这个是我们老师讲WPF用的PPT，深入浅出，适合初学者对wpf有一个整天的了解。
MVVMLightDemo全面使用实例
03-27
测试实例MVVMLightDemo全面使用实例，MVVMLight使用标准参考官方文档
WPF基于MVVM框架的命令和属性绑定
04-02
在本文中，我们将深入探讨如何在Windows Presentation Foundation (WPF) 中使用Model-View-ViewModel (MVVM)设计模式，特别是在结合MVVMLight框架时，如何实现字段属性的绑定和命令绑定。MVVM是一种用于构建用户界面...
WPF(C#)学习日志3：绑定与MVVM
最新发布
m0_61262333的博客
06-21 740
在MVVM中，视图通过数据绑定和命令绑定与视图模型进行交互，视图模型通过调用模型的方法和访问模型的数据来获取或更新数据。MVVM的核心思想是通过数据绑定实现模型和视图之间的解耦，使得数据的变化能够自动地反映在视图上，而不需要手动更新视图。在WPF中，数据绑定是一种重要的技术，它允许将数据源与UI元素进行关联，以实现数据的自动更新和同步。双向绑定（Two-Way Binding）：将数据源的值绑定到UI元素，并实现数据的双向同步，可以在UI元素上进行修改并自动更新到数据源。
WPF 控件样式属性绑定
03-25 1789
Xaml页面创建模板控件，绑定颜色关键字 <Window.Resources> <!--创建颜色关键字--> <local:DataColorConverter x:Key="DataColorConverterStyle"/> <!--创建控件模板--> <DataTemp...
wpf mvvmlight combobox 指令绑定
06-10
在MVVM Light框架中，可以使用`RelayCommand`类来实现WPF中的指令绑定。具体步骤如下： 1. 在ViewModel中声明一个`RelayCommand`类型的属性，用于绑定ComboBox的指令。 ``` public RelayCommand MyCommand { get; ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值