WPF 元素绑定结合值转换器的应用——室内监控可视化

最新推荐文章于 2024-03-18 15:25:57 发布
最新推荐文章于 2024-03-18 15:25:57 发布
阅读量619 收藏 1
点赞数 1
分类专栏： C# WPF 文章标签： WPF元素绑定 WPF值转换器 IValueConverter MarkupExtension 室内监控
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YouyoMei/article/details/100141120
版权

需求

在物联网应用中，可视化端经常需要将实物信息详细的呈现到用户视野之中。在室内环境中，经常可见的设备空调和灯。本次课题主要以室内空调和灯监控出发，实现室内监控信息可视化。为了让可视化更加直观，我们需要完成的任务有：

1.用户操作开关之后，界面要同步运行状态。

2.美化界面，让信息状态变化直观的投射给用户。

首先上效果：

 

环境

Windows 10

Visual Studio 2019

.Net Framework 4.7.2

 

设计

UI设计：

功能设计：

当打开灯时：灯会亮起来（白色），关闭时暗下去（灰色）。

当打开空调时：空调量绿灯运行，同时吹风；关闭时绿灯消失，风停止。

通过属性绑定和值转换器实现以上功能。

 

实现

1.自定义抽象值转换器

using System;
using System.Globalization;
using System.Windows.Data;
using System.Windows.Markup;

namespace Deamon.ValueConverters
{

    public abstract class BaseValueConverter<T> : MarkupExtension, IValueConverter
        where T : class, new()
    {
       
        private static T Converter = null;

        public override object ProvideValue(IServiceProvider serviceProvider)
        {
            return Converter ?? (Converter = new T());
        }

        public abstract object Convert(object value, Type targetType, object parameter, CultureInfo culture);

        
        public abstract object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture);
    }
}

2.实现一个将Boolean值转换成Visibility值得转换器

using System;
using System.Globalization;
using System.Windows;

namespace Deamon.ValueConverters
{
    /// <summary>
    /// 一个转换器，将一个布尔值转换成 <see cref="Visibility"/> 类型
    /// 如果带有参数 parameter 则是 True 表示显示，FALSE 表示隐藏
    /// 如果不带参数 parameter 则是 True 表示隐藏，FALSE 表示显示
    /// 
    /// </summary>
    public class BooleanToVisibilityConverter : BaseValueConverter<BooleanToVisibilityConverter>
    {
        public override object Convert(object value, Type targetType, object parameter, CultureInfo culture)
        {
            if (parameter == null)
                return (bool)value ? Visibility.Hidden : Visibility.Visible;
            else
                return (bool)value ? Visibility.Visible : Visibility.Hidden;
        }

        public override object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }
}

3.设计XAML实现UI，使用元素绑定和值转换器实现界面刷新

<Window x:Class="Deamon.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:Deamon"
        xmlns:converter="clr-namespace:Deamon.ValueConverters"
        mc:Ignorable="d"
        Title="房间信息实时监控" Height="450" Width="800">
    <Grid Background="#FF423E3E">

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto"/>
            <ColumnDefinition Width="2*"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>

        <!-- 室内信息 -->
        <Grid Grid.Column="1">
            <Border Width="400" Height="400" BorderThickness="1" BorderBrush="Black" Background="#FF063463">
                <Grid>
                    <!-- 房间的边缘 -->
                    <Path Stroke="Black" StrokeThickness="2" Data="M1,1 1,50"/>
                    <Path Stroke="Black" StrokeThickness="20" Data="M10,160 10,240"/>
                    <Path Stroke="#FFB0ADAD" StrokeThickness="3" Data="M398,10 398,180"/>
                    <Path Stroke="#FFB0ADAD" StrokeThickness="3" Data="M398,220 398,390"/>

                    <!-- 默认静态灯 -->
                    <Border Padding="10" >
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            <Border x:Name="StaticLamb1" Background="Gray" Grid.Row="0" Grid.Column="0" BorderBrush="Black" BorderThickness="2" Width="30" Height="100"/>
                            <Border x:Name="StaticLamb2" Background="Gray" Grid.Row="0" Grid.Column="1"  BorderBrush="Black" BorderThickness="2" Width="30" Height="100"/>
                            <Border x:Name="StaticLamb3" Background="Gray" Grid.Row="1" Grid.Column="0" BorderBrush="Black" BorderThickness="2" Width="30" Height="100"/>
                            <Border x:Name="StaticLamb4" Background="Gray"  Grid.Row="1" Grid.Column="1" BorderBrush="Black" BorderThickness="2" Width="30" Height="100"/>
                        </Grid>
                    </Border>

                    <!-- 点亮的灯 -->
                    <Border Padding="10" >
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="*"/>
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            <Border Grid.Row="0"  Grid.Column="0"
                                    Visibility="{Binding ElementName=ControlLamp12, Path=IsChecked,Converter={converter:BooleanToVisibilityConverter}, ConverterParameter=True}"
                                    Opacity="1">
                                <Border.Background>
                                    <RadialGradientBrush Center="0.7 0.5">
                                        <GradientStop Color="White" Offset="0"/>
                                        <GradientStop Color="#FF024391" Offset="1"/>
                                    </RadialGradientBrush>
                                </Border.Background>
                                <Border x:Name="Lamb1" 
                                    Background="White" BorderBrush="Black" BorderThickness="2" Width="30" Height="100">
                                    <Border.Effect>
                                        <DropShadowEffect BlurRadius="50" Opacity="1" ShadowDepth="0" Color="White"/>
                                    </Border.Effect>
                                </Border>
                            </Border>

                            <Border Grid.Row="0"  Grid.Column="1"
                                    Visibility="{Binding ElementName=ControlLamp12, Path=IsChecked,Converter={converter:BooleanToVisibilityConverter}, ConverterParameter=True}"
                                    Opacity="1">
                                <Border.Background>
                                    <RadialGradientBrush Center="0.3 0.5">
                                        <GradientStop Color="White" Offset="0"/>
                                        <GradientStop Color="#FF024391" Offset="1"/>
                                    </RadialGradientBrush>
                                </Border.Background>
                                <Border x:Name="Lamb2" 
                                Background="White"   BorderBrush="Black" BorderThickness="2" Width="30" Height="100">
                                    <Border.Effect>
                                        <DropShadowEffect BlurRadius="50" Opacity="1" ShadowDepth="0" Color="White"/>
                                    </Border.Effect>
                                </Border>
                            </Border>

                           
                            <Border Grid.Row="1" Grid.Column="0"
                                    Visibility="{Binding ElementName=ControlLamp34, Path=IsChecked,Converter={converter:BooleanToVisibilityConverter}, ConverterParameter=True}"
                                    Opacity="1">
                                <Border.Background>
                                    <RadialGradientBrush>
                                        <GradientStop Color="White" Offset="0"/>
                                        <GradientStop Color="#FF024391" Offset="1"/>
                                    </RadialGradientBrush>
                                </Border.Background>
                                <Border x:Name="Lamb3" 
                                Background="White"   BorderBrush="Black" BorderThickness="2" Width="30" Height="100">
                                    <Border.Effect>
                                        <DropShadowEffect BlurRadius="50" Opacity="1" ShadowDepth="0" Color="White"/>
                                    </Border.Effect>
                                </Border>
                            </Border>

                            <Border  Grid.Row="1" Grid.Column="1"
                                      Visibility="{Binding ElementName=ControlLamp34, Path=IsChecked,Converter={converter:BooleanToVisibilityConverter}, ConverterParameter=True}"
                                    Opacity="1">
                                <Border.Background>
                                    <RadialGradientBrush>
                                        <GradientStop Color="White" Offset="0"/>
                                        <GradientStop Color="#FF024391" Offset="1"/>
                                    </RadialGradientBrush>
                                </Border.Background>
                                <Border x:Name="Lamb4"
                                        Background="White"  BorderBrush="Black" BorderThickness="2" Width="30" Height="100">
                                    <Border.Effect>
                                        <DropShadowEffect BlurRadius="50" Opacity="1" ShadowDepth="0" Color="White"/>
                                    </Border.Effect>
                                </Border>
                            </Border>

                          


                        </Grid>

                    </Border>

                    <!-- 空调 -->
                    <Grid Width="60" Height="100" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="20 40 0 0" >
                        <Grid Width="40" HorizontalAlignment="Right" Opacity="1" 
                              Visibility="{Binding ElementName=ControlAirCondition,Path=IsChecked,Converter={converter:BooleanToVisibilityConverter},ConverterParameter=True}"
                              Margin="0 0 0 0">
                            <StackPanel x:Name="AirConditionWind" Width="40" VerticalAlignment="Center" Margin="0 0 0 0">
                                <StackPanel.Triggers>
                                    <EventTrigger RoutedEvent="Loaded">
                                        <BeginStoryboard>
                                            <Storyboard>
                                                <ThicknessAnimation Duration="00:00:04" RepeatBehavior="Forever" 
                                                                    Storyboard.TargetProperty="Margin"
                                                                    Storyboard.TargetName="AirConditionWind"
                                                                    To="20 0 0 0" From="0 0 0 0"/>
                                            </Storyboard>
                                        </BeginStoryboard>
                                    </EventTrigger>
                                </StackPanel.Triggers>
                                <Viewbox Height="20">
                                    <Path Stroke="White" StrokeThickness="10"  
                                          Data="M 10,100 C 100,0 200,200 300,100 M 300,100 C 400,0 500,200 600,100" />
                                </Viewbox>
                                <Viewbox Height="20">
                                    <Path Stroke="Red" StrokeThickness="10"  
                                          Data="M 10,100 C 100,0 200,200 300,100 M 300,100 C 400,0 500,200 600,100" />
                                </Viewbox>
                                <Viewbox Height="20">
                                    <Path Stroke="White" StrokeThickness="10"  
                                          Data="M 10,100 C 100,0 200,200 300,100 M 300,100 C 400,0 500,200 600,100" />
                                </Viewbox>
                                <Viewbox Height="20">
                                    <Path Stroke="White" StrokeThickness="10"  
                                          Data="M 10,100 C 100,0 200,200 300,100 M 300,100 C 400,0 500,200 600,100" />
                                </Viewbox>
                            </StackPanel>
                        </Grid>
                        <Border Visibility="Visible" HorizontalAlignment="Left" Width="40" Height="100" BorderBrush="Black" BorderThickness="1">
                            <Border.Background>
                                <LinearGradientBrush EndPoint="1,1" StartPoint="0,1">
                                    <GradientStop Color="#FF072442" Offset="0"/>
                                    <GradientStop Color="#FF213D5B" Offset="0.8"/>
                                    <GradientStop Color="#FF486683" Offset="1"/>
                                </LinearGradientBrush>
                            </Border.Background>
                            <Grid>
                                <Border BorderBrush="Black" BorderThickness="1" Margin="2" Width="4" HorizontalAlignment="Right"/>
                                <Rectangle Fill="Lime" 
                                           Width="15"
                                           Visibility="{Binding ElementName=ControlAirCondition,Path=IsChecked,Converter={converter:BooleanToVisibilityConverter},ConverterParameter=True}"
                                           Height="15"
                                           />
                            </Grid>
                        </Border>
                    </Grid>

                </Grid>
            </Border>

        </Grid>

        <!-- 显示控制板 -->
        <Border Grid.Column="2">
            <StackPanel VerticalAlignment="Center">
                <Border BorderBrush="AliceBlue" BorderThickness="1" Width="230" Margin="10" Padding="10" >
                    <StackPanel>
                        <Grid Margin="0 0 0 5">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="50"/>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="20"/>
                            </Grid.ColumnDefinitions>
                            <TextBlock Grid.Column="0" Foreground="White" Text="一二号灯状态：" HorizontalAlignment="Right"/>
                            <TextBlock Grid.Column="1"
                                       Visibility="{Binding ElementName=ControlLamp12,Path=IsChecked,Converter={converter:BooleanToVisibilityConverter}}"
                                       Foreground="Orange" 
                                       Text="关闭"/>
                            <TextBlock Grid.Column="1" 
                                       Visibility="{Binding ElementName=ControlLamp12,Path=IsChecked,Converter={converter:BooleanToVisibilityConverter},ConverterParameter=True}"
                                       Foreground="Lime"
                                       Text="运行"/>

                            <CheckBox Grid.Column="2"
                                      x:Name="ControlLamp12" IsChecked="False" Content="开启" HorizontalAlignment="Center" Foreground="White"/>

                        </Grid>
                        <Grid Margin="0 5">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="50"/>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="20"/>
                            </Grid.ColumnDefinitions>
                            <TextBlock Grid.Column="0" Foreground="White" Text="三四号灯状态：" HorizontalAlignment="Right"/>
                            <TextBlock Grid.Column="1" 
                                       Visibility="{Binding ElementName=ControlLamp34,Path=IsChecked,Converter={converter:BooleanToVisibilityConverter}}"
                                       Foreground="Orange" 
                                       Text="关闭"/>
                            <TextBlock Grid.Column="1" 
                                       Visibility="{Binding ElementName=ControlLamp34,Path=IsChecked,Converter={converter:BooleanToVisibilityConverter},ConverterParameter=True}"
                                       Foreground="Lime"
                                       Text="运行"/>
                            <CheckBox Grid.Column="2" x:Name="ControlLamp34" IsChecked="False" Content="开启" HorizontalAlignment="Center" Foreground="White"/>
                        </Grid>
                    </StackPanel>
                </Border>

                <Border BorderBrush="AliceBlue" BorderThickness="1" Width="230" Margin="10" Padding="10">
                    <StackPanel>
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="50"/>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="20"/>
                            </Grid.ColumnDefinitions>
                            <TextBlock Grid.Column="0" Foreground="White" Text="空调运行状态：" HorizontalAlignment="Right"/>
                            <TextBlock Grid.Column="1" 
                                       Visibility="{Binding ElementName=ControlAirCondition,Path=IsChecked,Converter={converter:BooleanToVisibilityConverter}}"
                                       Foreground="Orange"
                                       Text="关闭"/>
                            <TextBlock Grid.Column="1" 
                                       Visibility="{Binding ElementName=ControlAirCondition,Path=IsChecked,Converter={converter:BooleanToVisibilityConverter},ConverterParameter=True}"
                                       Foreground="Lime"
                                       Text="运行"/>

                            <CheckBox  Grid.Column="2" x:Name="ControlAirCondition" VerticalAlignment="Center" IsChecked="False" Content="开启" 
                                  HorizontalAlignment="Center" Foreground="White">

                            </CheckBox>
                        </Grid>
                    </StackPanel>
                </Border>
            </StackPanel>
        </Border>

    </Grid>
</Window>

 

划重点

元素绑定：

Visibility="{Binding ElementName=ControlLamp12, Path=IsChecked,Converter={converter:BooleanToVisibilityConverter}, ConverterParameter=True}"

如上红字警告：如果是普通的元素绑定，红字基本就能表示（方法有很多哈，上面的不是唯一的）。但是，我们知道属性IsChecked 是bool类型的但是我们的属性Visibility却是Visibility的枚举值。因此，我们需要后面Converter来实现属性值之间的转换。

值转换器：

Visibility="{Binding ElementName=ControlLamp12, Path=IsChecked,Converter={converter:BooleanToVisibilityConverter}, ConverterParameter=True}"

解析下：红字表示属性Visibility的Converter转换器是使用的{converter:BooleanToVisibilityConverter}这个转换器，其中是converter名字空间，在文件头可以看到 xmlns:converter="clr-namespace:Deamon.ValueConverters" 。后面的ConverterParameter=True 表示传递的参数，具体信息在BooleanToVisibilityConverter转换器类中有详细说明。

 

Over

每次记录一小步...点点滴滴人生路...

 

一阵没来由的风
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WPF自定义可视化间奏2：绑定
04-09
在本文中，我们将深入探讨WPF（Windows Presentation Foundation）中的自定义可视化与绑定技术。WPF是.NET Framework的一部分，提供了一种强大的UI设计和开发工具，支持数据绑定、控件自定义以及丰富的图形渲染能力...
WPF 基础视频教程（共50集）-25.绑定到非元素对象
04-16
然而，有时我们需要绑定到那些不直接对应UI元素的对象，例如业务逻辑层的服务、数据库访问对象或自定义的非可视化类。这就涉及到了“绑定到非元素对象”。 首先，要实现这种绑定，我们需要一个数据源。在WPF中，...
WPF快速指导4：数据绑定之绑定方向与自定义转换器
weixin_34054866的博客
01-24 157
WPF快速指导4：数据绑定之绑定方向与自定义转换器    本文摘要：    1：绑定目标与绑定源之间的方向；    2：自定义转换器； 1：绑定目标与绑定源之间的方向    该部分的定义MSDN已经描述的非常清楚了，如下：    您可能希望应用程序使用户可以更改数据并将数据传播回源对象。或者，您可能不希望允许用户更新源数据。您可以通过设置 Binding 对象的 Mode 属性来对此进行控制。下...
WPF中数据绑定转换器Converter
weixin_46407807的博客
12-25 1066
在xaml中查看Converter的定义可以知道Converter是一个接口类型，因此转换器的类定义需要使用这个接口。使用场景：ViewModel中的数据如果跟View中的数据类型不匹配。-- 方法中value就是xaml中的传入值。然后通过静态资源按照key直接使用就行了。下面是以int类型调控是否可见为例子。步骤一：创建转换器类。
WPF 数据绑定之 IValueConverter接口 类型转换器
weixin_42365213的博客
09-06 474
首先 我们添加了一个TextBox Name="txtValue" 作为数据源 ChenckBox的IsChecked属性 绑定了数据源。注意IsChecked是bool类型 因此我们需要实现IValueConverter接口 完成数据转换。IValueConverter接口主要用于WPF数据绑定中，数据类型的转换。以下示例中用于string类型和bool类型的转换。
WPF 多绑定和转化器
The_Eyes的博客
11-04 2067
将两个 textBox 的Text属性绑定到 Button的IsEnabled 如果text为空则Button不可用         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"         xmlns:x="http://schemas.microsoft.com/winfx/2006/x
WPF 使用值转换器进行绑定数据的转换IValueConverter
weixin_34001430的博客
07-01 650
有的时候,我们想让绑定的数据以其他的格式显示出来,或者转换成其他的类型,我们可以使用值转换器来实现. 比如我数据中保存了一个文件的路径”c:\abc\abc.exe”,但是我想让他在前台列表中显示为”abc.exe”. 首先我们先建一个IvalueConverter接口的类. classGetFileName : IValueConverter {...
用于WPF 4的具有数据可视化功能的高端商业智能
04-14
数据可视化是将数据转换为图形或图像的过程，这有助于用户更快地理解和解析大量信息。在商业智能领域，这种能力尤其重要，因为它能够帮助决策者直观地发现模式、趋势和洞察力，而这些可能在原始数据中难以察觉。 ...
使用绑定进行WPF DataGrid格式化的指南
04-08
在Windows Presentation ...总之，掌握`WPF DataGrid`的数据绑定和格式化技巧是提升应用程序用户体验的关键。通过灵活运用样式、模板、触发器和转换器，你可以创建出符合业务需求和视觉设计标准的数据展示组件。
WPF自定义可视化间奏：资源
04-09
本文将深入探讨WPF中的资源系统，包括它们的定义、使用方式以及如何自定义可视化资源。 资源在WPF中可以是任何可重复使用的对象，如颜色、字体、样式、模板等。它们通过XAML（Extensible Application Markup ...
WPF CheckBox全选、反选比较通用
04-19
WPF 实现CheckBox全选、反选功能，界面简单实用，功能代码可以很好地套用到自己的项目，希望对有需要的小伙伴有帮助。
wpf小技巧，通对vs可视化操作，创建绑定，转换器...
qq_41617901的博客
11-29 131
WPF数据转换
xunmeng2002的专栏
08-30 1242
多重绑定的值转换器需要实现的接口是 IMultiValueConverter，与 IValueConverter 接口比较类似，只是转换函数的第一个参数改成了数组形式。可以看到后面两个StringFormat属性以花括号 {} 开头，完整值是 {}{0:C}，而不是 {0:C}，第一个则只有 {0:C}，这是因为在StringFormat 值以花括号开头时需要 {} 转义序列。该功能更强大，使用该功能可以将任意类型的源数据转换为任意类型的对象表示，然后可以传递到关联的控件。
wpf 给listview的数据源转换为集合
weixin_30500473的博客
04-11 135
目的是点击某个按钮把一条数据从 itemssource中移除 private void delete_Click_1(object sender, RoutedEventArgs e) { DtsInterfaceItemInfo dtsfice= (DtsInterfaceItemInfo)(sender as FrameworkElement).DataConte...
WPF(五)元素绑定
weixin_30342209的博客
08-14 179
　　数据绑定是一种关系，WPF从一个源对象提取一些信息，并使用这些信息设置目标对象的属性。 1.将元素绑定到一起 例如:滑块的拖动，改变TextBlock字体的大小，如果不采用元素绑定，需要为Silder控件添加ValueChanged事件。下面的示例是简单的元素绑定。 <Grid> <Slider Name="slider...
WPF中的转换器
Good_StudyDaydayUp的博客
02-13 313
实现功能，当CheckBox勾选时，字体为红色，否则为绿色 好处：可以将xaml代码和后台代码逻辑分离在某些情况下会非常方便 上代码： <StackPanel> <StackPanel.Resources> <local:BoolToColor x:Key="boolToColor"></local:...
WPF checkbox绑定和通过值更新将存入的 1-0 转换成 true false
qq_15260879的博客
06-02 3869
刚玩WPF不多久，来到一家新公司 因为现在工作轻松一点就安排了我去做DataGrid的增删改查功能的实现，因为是底层封装好的原因就不方便贴代码了，但对于像我这样的小白来说，工作中有很多我们还没接触过的存在 就已ChexkBox举例吧！                                                                        
WPF 精修篇 值转换器
时意
12-02 473
效果 WPF 值转换器 Checkbox 是bool 而 Rect是一个Visibility 需要一个中间层 类 class BoolToVisConver:IValueConverter { #region IValueConverter 成员 public object Convert(object value, Type targ...
WPF中使用转换器
最新发布
qq_35363476的博客
03-18 586
备注：最终会将IsReady和ConverterParameter参数传递到BooleanToVisibilityConverter中进行转换；
深入理解WPF：C# 2010版
书中会详细讲解依赖属性的工作原理、如何创建自定义依赖属性，以及数据绑定的基础知识，包括单向、双向绑定、转换器和数据模板等。 四、控件和布局 WPF提供了大量内置控件，如按钮、文本框、列表视图等，用于构建...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值