WPF-22：WPF实现五角星绘制及评级控件

最新推荐文章于 2024-08-12 20:32:17 发布
最新推荐文章于 2024-08-12 20:32:17 发布
阅读量596 收藏 1
点赞数 1
类似淘宝的评级控件在程序业务中使用比较多，尤其是对于电子商务方面的编程。最近做了这样的一个小功能，使用WPF实现。但是对于五角星的绘制部分的代码（包括计算五个点），可以应用于Winform，ASP.NET等。下面来看代码的实现。
该项目名称：TestFivePointStarLikeTaobao。这个项目如下图，

1、五角星的绘制。
绘制五角星，主要是要根据半径获得五个点。 
 /// <summary>
        /// 根据半径和圆心确定五个点
        /// </summary>
        /// <param name="center"></param>
        /// <returns></returns>
        private PointCollection GetFivePoint(Point center)
        {
            double r = 半径;


            double h1 = r * Math.Sin(18 * Math.PI / 180);


            double h2 = r * Math.Cos(18 * Math.PI / 180);


            double h3 = r * Math.Sin(36 * Math.PI / 180);


            double h4 = r * Math.Cos(36 * Math.PI / 180);


            Point p1 = new Point(r, center.X);


            Point p2 = new Point(r - h2, r - h1);


            Point p3 = new Point(r - h3, r + h4);


            Point p4 = new Point(r + h3, p3.Y);


            Point p5 = new Point(r + h2, p2.Y);


            List<Point> values = new List<Point>() { p1, p3, p5, p2, p4 };


            PointCollection pcollect = new PointCollection(values);


            return pcollect;
        }
WPF这个类如下， 
   public class FivePointStar:UserControl
    {
        private double radius = 20;


        private double currentPart = 1;


        private Brush selectBackground = new SolidColorBrush(Colors.YellowGreen);


        private Brush unselectBackgroud = new SolidColorBrush(Colors.DarkGray);


        /// <summary>
        /// 半径
        /// </summary>
        public double Radius
        {
            get 
            {
               object result = GetValue(RadiusProperty);


                if(result==null)
                {
                    return radius;
                }


                return (double)result;
            }


            set
            {
                SetValue(RadiusProperty, value);


                this.InvalidateVisual();
            }
        }


        public static  DependencyProperty RadiusProperty =
           DependencyProperty.Register("Radius", typeof(double), 
           typeof(FivePointStar), new UIPropertyMetadata());


        /// <summary>
        /// 当前是否是一颗星
        /// </summary>
        public double CurrentPart
        {
            get
            {
                object result = GetValue(CurrentPartProperty);


                if (result == null)
                {
                    return currentPart;
                }
                return (double)result;
            }


            set
            {
                SetValue(CurrentPartProperty, value);


                this.InvalidateVisual();
            }
        }


        public static  DependencyProperty CurrentPartProperty =
           DependencyProperty.Register("CurrentPart", typeof(double), 
           typeof(FivePointStar), new UIPropertyMetadata());


        /// <summary>
        /// 选中颜色
        /// </summary>
        public Brush SelectBackground
        {
            get
            {
                object result = GetValue(SelectBackgroundProperty);


                if (result == null)
                {
                    return selectBackground;
                }


                return (Brush)result;
            }


            set
            {
                SetValue(SelectBackgroundProperty, value);
            }
        }


        public static  DependencyProperty SelectBackgroundProperty =
           DependencyProperty.Register("SelectBackground", typeof(Brush), 
           typeof(FivePointStar), new UIPropertyMetadata());


        /// <summary>
        /// 未选中颜色
        /// </summary>
        public Brush UnSelectBackground
        {
            get
            {
                object result = GetValue(UnSelectBackgroundProperty);


                if (result == null)
                {
                    return unselectBackgroud;
                }


                return (Brush)result;
            }


            set
            {
                SetValue(UnSelectBackgroundProperty, value);
            }
        }


        public static  DependencyProperty UnSelectBackgroundProperty =
           DependencyProperty.Register("UnSelectBackground", typeof(Brush), 
           typeof(FivePointStar), new UIPropertyMetadata());




        public FivePointStar()
            : base()
        {
            this.Loaded += new RoutedEventHandler(FivePointStar_Loaded);
        }


        void FivePointStar_Loaded(object sender, RoutedEventArgs e)
        {
            this.MinHeight = Radius * 2;


            this.MaxHeight = Radius * 2;


            this.MinWidth = Radius * 2;


            this.MaxWidth = Radius * 2;


            this.Background = Brushes.Transparent;
        }


        protected override void OnRender(System.Windows.Media.DrawingContext dc)
        {
            base.OnRender(dc);


            Point center = new Point();


            PointCollection Points = GetFivePoint(center);


            Canvas ca = new Canvas();


            Polygon plg = new Polygon();


            plg.Points = Points;


            plg.Stroke = Brushes.Transparent;


            plg.StrokeThickness = 2;


            if (CurrentPart == 1)
            {
                plg.Fill = this.SelectBackground;
            }
            else
            {
                plg.Fill = this.UnSelectBackground;
            }


            plg.FillRule = FillRule.Nonzero;


            ca.Children.Add(plg);




            this.Content = ca;






            //Brush b = new SolidColorBrush(Colors.Yellow);


            //Pen p = new Pen(b, 2);


            //var path = new Path();


            //var gc = new GeometryConverter();


            //path.Data = (Geometry)gc.ConvertFromString(string.Format("M {0} {1} {2} {3} {4} Z",
            //    Points[0], Points[1], Points[2], Points[3], Points[4]));


            //path.Fill = Brushes.Yellow;


            //dc.DrawGeometry(b, p, path.Data);
        }


        /// <summary>
        /// 根据半径和圆心确定五个点
        /// </summary>
        /// <param name="center"></param>
        /// <returns></returns>
        private PointCollection GetFivePoint(Point center)
        {
            double r = Radius;


            double h1 = r * Math.Sin(18 * Math.PI / 180);


            double h2 = r * Math.Cos(18 * Math.PI / 180);


            double h3 = r * Math.Sin(36 * Math.PI / 180);


            double h4 = r * Math.Cos(36 * Math.PI / 180);


            Point p1 = new Point(r, center.X);


            Point p2 = new Point(r - h2, r - h1);


            Point p3 = new Point(r - h3, r + h4);


            Point p4 = new Point(r + h3, p3.Y);


            Point p5 = new Point(r + h2, p2.Y);


            List<Point> values = new List<Point>() { p1, p3, p5, p2, p4 };


            PointCollection pcollect = new PointCollection(values);


            return pcollect;
        }
    }
可以直接将该类作为自定义控件放置于容器控件上。效果如下，

2、绘制一组五角星。
WPF代码，
界面代码： 
<UserControl x:Class="TestFivePointStarLikeTaobao.FivePointStarGroup"
             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" 
             xmlns:local="clr-namespace:TestFivePointStarLikeTaobao"
             mc:Ignorable="d">
    <Grid x:Name="groupGrid" Background="Transparent">
        <ListBox x:Name="lsbchildCategory" ItemsSource="{Binding ChildCategoryList,IsAsync=True}"
                     Background="WhiteSmoke" BorderThickness="0">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <local:FivePointStar Radius="{Binding Radius}" CurrentPart="{Binding CurrentValue}" Tag="{Binding ID}"
                                         SelectBackground="{Binding SelectBackground}" UnSelectBackground="{Binding UnselectBackgroud}"
                                         MouseDown="FivePointStar_MouseDown"/>
                </DataTemplate>
            </ListBox.ItemTemplate>
            <ListBox.ItemsPanel>
                <ItemsPanelTemplate>
                    <StackPanel  VerticalAlignment="Center" Orientation="Horizontal" HorizontalAlignment="Center"/>
                </ItemsPanelTemplate>
            </ListBox.ItemsPanel>
        </ListBox>
    </Grid>
</UserControl>
后台代码： 
   /// <summary>
    /// FivePointStarGroup.xaml 的交互逻辑
    /// </summary>
    public partial class FivePointStarGroup : UserControl
    {
        private double radius = 20;


        private double itemsCount = 5;


        private double selectCount = 5;


        private Brush selectBackground = new SolidColorBrush(Colors.YellowGreen);


        private Brush unselectBackgroud = new SolidColorBrush(Colors.DarkGray);


          /// <summary>
        /// 五角星半径
        /// </summary>
        public double Radius
        {
            get 
            {
               object result = GetValue(RadiusProperty);


                if(result==null)
                {
                    return radius;
                }


                return (double)result;
            }


            set
            {
                SetValue(RadiusProperty, value);
            }
        }


        public static  DependencyProperty RadiusProperty =
           DependencyProperty.Register("Radius", typeof(double), 
           typeof(FivePointStarGroup), new UIPropertyMetadata());


        /// <summary>
        /// 五角星个数
        /// </summary>
        public double ItemsCount
        {
            get
            {
                object result = GetValue(ItemsCountProperty);


                if (result == null)
                {
                    return  itemsCount;
                }


                return (double)result;
            }


            set
            {
                SetValue(ItemsCountProperty, value);


                InitialData();


                this.InvalidateVisual();
            }
        }


        public static  DependencyProperty ItemsCountProperty =
           DependencyProperty.Register("ItemsCount", typeof(double), 
           typeof(FivePointStar), new UIPropertyMetadata());


        /// <summary>
        /// 选中的五角星个数
        /// </summary>
        public double SelectCount
        {
            get
            {
                object result = GetValue(SelectCountProperty);


                if (result == null)
                {
                    return selectCount;
                }


                return (double)result;
            }


            set
            {
                SetValue(SelectCountProperty, value);


                InitialData();


                this.InvalidateVisual();
            }
        }


        public static  DependencyProperty SelectCountProperty =
           DependencyProperty.Register("SelectCount", typeof(double), 
           typeof(FivePointStar), new UIPropertyMetadata());


        public event RoutedEventHandler SelectCountChangeEvent
        {
            add { AddHandler(SelectCountChangePropertyEvent, value); }


            remove { RemoveHandler(SelectCountChangePropertyEvent, value); }
        }


        /// <summary>
        /// 选中颜色
        /// </summary>
        public Brush SelectBackground
        {
            get
            {
                object result = GetValue(SelectBackgroundProperty);


                if (result == null)
                {
                    return selectBackground;
                }


                return (Brush)result;
            }


            set
            {
                SetValue(SelectBackgroundProperty, value);
            }
        }


        public static  DependencyProperty SelectBackgroundProperty =
           DependencyProperty.Register("SelectBackground", typeof(Brush), 
           typeof(FivePointStarGroup), new UIPropertyMetadata());


        /// <summary>
        /// 未选中颜色
        /// </summary>
        public Brush UnSelectBackground
        {
            get
            {
                object result = GetValue(UnSelectBackgroundProperty);


                if (result == null)
                {
                    return unselectBackgroud;
                }


                return (Brush)result;
            }


            set
            {
                SetValue(UnSelectBackgroundProperty, value);
            }
        }


        public static  DependencyProperty UnSelectBackgroundProperty =
           DependencyProperty.Register("UnSelectBackground", typeof(Brush), 
           typeof(FivePointStarGroup), new UIPropertyMetadata());


        public static  RoutedEvent SelectCountChangePropertyEvent =
             EventManager.RegisterRoutedEvent("SelectCountChangeEvent", 
             RoutingStrategy.Bubble, typeof(RoutedEventHandler), typeof(Control));


        public FivePointStarGroup()
        {
            InitializeComponent();


            this.Loaded += new RoutedEventHandler(FivePointStarGroup_Loaded);
        }


        void FivePointStarGroup_Loaded(object sender, RoutedEventArgs e)
        {
            InitialData();
        }


        private void InitialData()
        {
            List<FivePointStarModel> list = new List<FivePointStarModel>();


            int count = Convert.ToInt32(this.ItemsCount);


            if (count <= 0)
            {
                count = Convert.ToInt32(this.itemsCount);
            }


            for (int i = 0; i < count; i++)
            {
                FivePointStarModel item = new FivePointStarModel();


                item.ID = i + 1;


                item.Radius = Radius;


                item.SelectBackground = SelectBackground;


                item.UnselectBackgroud = UnSelectBackground;


                //在此设置星形显示的颜色
                if ((i+1) > SelectCount)
                {
                    item.CurrentValue = 0;
                }


                list.Add(item);
            }


            this.lsbchildCategory.ItemsSource = list;
        }


        private void FivePointStar_MouseDown(object sender, MouseButtonEventArgs e)
        {
            FivePointStar m = sender as FivePointStar;


            if (m == null)
            {
                return;
            }


            int index = Convert.ToInt32(m.Tag);


            this.SelectCount = index;


            RaiseEvent(new RoutedEventArgs(SelectCountChangePropertyEvent, sender)); 
        }
    }
控制单个五角星属性的绑定的类：
    public class FivePointStarModel: INotifyPropertyChanged
    {
        public void OnPropertyChanged(string name)
        {
            if (this.PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(name));
            }
        }


        public event PropertyChangedEventHandler PropertyChanged;
   
        private int id;


        private double radius = 20;


        private double currentValue = 1;


        private Brush selectBackground = new SolidColorBrush(Colors.GreenYellow);


        private Brush unselectBackgroud = new SolidColorBrush(Colors.DarkGray);


        public int ID
        {
            get { return id; }


            set
            {
                id = value;


                this.OnPropertyChanged("Radius");
            }
        }


        public double Radius
        {
            get { return radius; }


            set 
            { 
                radius = value;


                this.OnPropertyChanged("Radius");
            }
        }


        public double CurrentValue
        {
            get { return currentValue; }


            set 
            {
                currentValue = value;


                this.OnPropertyChanged("CurrentValue");
            }
        }


        public Brush SelectBackground
        {
            get { return selectBackground; }


            set
            {
                selectBackground = value;


                this.OnPropertyChanged("SelectBackground");
            }
        }


        public Brush UnselectBackgroud
        {
            get { return unselectBackgroud; }


            set
            {
                unselectBackgroud = value;


                this.OnPropertyChanged("UnselectBackgroud");
            }
        }
    }
上面就是五角星和多个五角星的全部代码。
调用： 
<Window x:Class="TestFivePointStarLikeTaobao.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="446" Width="849" xmlns:my="clr-namespace:TestFivePointStarLikeTaobao">
    <Grid>
        <my:FivePointStarGroup HorizontalAlignment="Stretch" Margin="62,27,59,254" x:Name="fivePointStarGroup1" 
                               VerticalAlignment="Stretch" SelectBackground="GreenYellow" Radius="30"
                               UnSelectBackground="DarkGray" ItemsCount="5" SelectCount="5" />
        <TextBox Height="30" HorizontalAlignment="Left" Margin="202,232,0,0" Name="textBox1" VerticalAlignment="Top"
                 Width="120"  FontSize="18" />
        <Button Content="设 置" Height="46" HorizontalAlignment="Left" Margin="365,192,0,0" Name="button1" 
                VerticalAlignment="Top" Width="142" FontSize="18" Click="button1_Click" />
        <TextBox Height="30" HorizontalAlignment="Left" Margin="202,159,0,0" Name="textBox2" VerticalAlignment="Top" 
                 Width="120" FontSize="18"/>
        <TextBlock Height="23" HorizontalAlignment="Left" Margin="136,232,0,0" Name="textBlock1" Text="选 中：" 
                   VerticalAlignment="Top" FontSize="18"/>
        <TextBlock Height="23" HorizontalAlignment="Left" Margin="136,159,0,0" Name="textBlock2" Text="总 数：" 
                   VerticalAlignment="Top"  FontSize="18"/>
        <my:FivePointStar HorizontalAlignment="Left" Margin="576,240,0,0" x:Name="fivePointStar1" VerticalAlignment="Top"
                          Height="20" Width="154" Radius="20" CurrentPart="1" />
    </Grid>
</Window>


/// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();


            InitialData();


            this.fivePointStarGroup1.SelectCountChangeEvent += 
                new RoutedEventHandler(fivePointStarGroup1_SelectCountChangeEvent);
        }


        private void InitialData()
        {
            this.textBox1.Text = this.fivePointStarGroup1.SelectCount.ToString();


            this.textBox2.Text = this.fivePointStarGroup1.ItemsCount.ToString();
        }


        void fivePointStarGroup1_SelectCountChangeEvent(object sender, RoutedEventArgs e)
        {
            InitialData();
        }


        private void button1_Click(object sender, RoutedEventArgs e)
        {
            int selectCount = Convert.ToInt32(this.textBox1.Text);


            int allCount = Convert.ToInt32(this.textBox2.Text);


            if (allCount < selectCount)
            {
                MessageBox.Show("参数设置错误!");


                return;
            }


            this.fivePointStarGroup1.ItemsCount = allCount;


            this.fivePointStarGroup1.SelectCount = selectCount;
        }
    }
效果如图，

代码下载：
http://download.csdn.net/detail/yysyangyangyangshan/5738491
iteye_14832
关注
【愚公系列】2023年10月 WPF控件专题 Polygon控件详解
时光隧道
07-09 9482
WPF控件是Windows Presentation Foundation（WPF）中的基本用户界面元素。它们是可视化对象，可以用来创建各种用户界面。WPF控件可以分为两类：原生控件和自定义控件。原生控件是由Microsoft提供的内置控件，如Button、TextBox、Label、ComboBox等。这些控件都是WPF中常见的标准用户界面元素。自定义控件则允许开发人员使用XAML和C#等编程语言来创建个性化的用户界面元素。自定义控件可以根据需求提供更多的功能和自定义化选项，以及更好的用户体验。
【愚公系列】2023年10月 WPF+上位机+工业互联 023-几何图形(PathGeometry)
热门推荐
时光隧道
09-22 4万+
几何图形是指平面或立体的形状、大小、位置、角度、边数等固有的几何特征，例如线段、角、三角形、正方形、圆、立方体、球等。通常使用几何学来研究和描述几何图形的性质和关系。PathGeometry是WPF中用于绘制路径的控件，其常用的属性有：Figures：定义路径的集合，每一个Figure定义了一个形状。每个Figure必须包含至少一个PathSegment。FillRule：填充规则，可以是EvenOdd或Nonzero。Transform：指定路径的变换，可以是旋转、缩放、平移等。
WPF实现五角星绘制（可绘制半颗五角星）
07-12
WPF实现的五角星绘制改进版本，可以绘制半颗五角星，功能更强。 博客文章：http://blog.csdn.net/yysyangyangyangshan/article/details/9313421
WPF-22：WPF绘制五角星改进版（增加半个五角星的绘制）
he91-com
07-12 275
初步实现了一个绘制五角星的控件（http://blog.csdn.net/yysyangyangyangshan/article/details/9303005），但是在实际中有一种情况显示半颗五角星的。下面做一下改进，完善一下这个五角星控件。功成名：TestFivePointStarLikeTaobao，项目如图，1、两种五角星的绘制方法这两种计算坐标的方法比较重要。五点画法，也是常用画法。 ...
Canvas 绘制不同样式的五角星
最新发布
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
08-12 754
五角星是一种常见的图形，不仅在游戏和应用程序中被广泛使用，也是学习 Canvas 基础技能的良好练习。通过这些示例，你应该能更好地理解如何使用 Canvas 进行图形绘制，并且可以根据自己的需要进行扩展和修改。希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。接下来，我们将探索如何通过不同的颜色、填充样式以及描边样式来创建不同视觉效果的五角星。一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身农奴把歌唱，专栏系列（点击解锁）
WPF-22：WPF绘制五角星改进版（增加半个五角星的绘制）-修改bug
he91-com
07-19 297
之前用坐标画多边形的方法，绘制五角星。今天调试时发现当时写的时候有bug，修改一下。原文：http://blog.csdn.net/yysyangyangyangshan/article/details/9313421，当时没测试绑定的问题，一测试发现绑定有问题。原来是多颗五角星控件中，依赖属性的typeof写错了类。SelectCount和ItemsCount的typeof(FivePointS...
wpf 画五角星函数
tangyanzhi1111的专栏
10-11 2487
public void ABC() { var canvas = new Canvas(); Content = canvas; var points = new List<Point>() { new Point(2...
WPF实现五角星绘制（可绘制半颗五角星）修改一个错误
07-19
对资源：http://download.csdn.net/detail/yysyangyangyangshan/5743911 和http://download.csdn.net/detail/yysyangyangyangshan/5738491 修改一个bug，支持控件的绑定。 文章：http://blog.csdn.net/yysyangyangyangshan/article/details/9378871
WPF 仿淘宝评级控件
07-11
为了实现评级功能，我们需要动态改变五角星的Fill属性。这可以通过数据绑定和模板来实现。我们可以创建一个依赖属性，表示当前的星级，然后在模板中绑定到这个属性。当星级改变时，Fill属性会相应更新，从而改变五角...
用C#绘制五角星并填充
zhshuli的博客
03-20 972
1.创建一个新项目，在窗口放置一个pictureBox1弹窗按钮button1。 2.创建gdi对象。 3.描点绘制并填充。 4.运行效果图。
绘制五角星
04-23
简单的绘制五角星程序
wpf星星评价控件
11-26
支持自定义评价样式。实现了评分功能。可以默认设置显示的星星个数.
C#动态绘制五角星和扇形
01-19
可以动态的指定扇形半径大小和角度； 压缩包里有执行文件和源代码
wpf实现星级评分
03-15
wpf实现简单的星级评分
WPF控件示例大全
10-09
WPF控件示例大全 很有用,对于学习WPF的开发人员很有帮助
WPF 基础（标准）控件库模板
03-24
微软WPF基础控件库模板，想知道Button，DataGrid和TextBlock等是怎样设计的？想在他们的基础上增加你的创意设计？那就的download吧
WPF画星星
坤的专栏
06-23 1196
DrawStars.xml: <Window x:Class="WPFapp.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Tit
9款WPF用户界面控件对比评测
飞龙在天
12-13 4万+
WPF（Windows Presentation Foundation）是微软推出的基于Vista的用户界面框架，它提供了统一的编程模型、语言和框架，真正做到了分离界面设计人员与开发人员的工作；同时它提供了全新的多媒体交互用户图形界面，是很多桌面应用开发的首选工具。由此，市面上各大知名第三方控件厂商均有专门针对WPF版本的用户界面控件，下面小编为你一一进行了盘点，并简单列出了各自的特点，希望能帮助
Canvas 绘制不同样式的六角星
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
08-12 812
通过这些示例，你应该能更好地理解如何使用 Canvas 进行图形绘制，并且可以根据自己的需要进行扩展和修改。希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。通过调整颜色、大小和位置，可以创造出各种不同的效果。一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身农奴把歌唱，我们首先定义一个函数来计算六角星的顶点坐标。我们可以改变颜色、填充样式以及描边样式来创建不同的视觉效果。接下来，我们可以利用这些坐标来绘制六角星。
WPF自定义控件：扁平化风格普通按钮与样式实现
本文将深入探讨WPF（Windows Presentation Foundation）中自定义控件和样式的应用，以创建个性化的按钮（Button）。首先，我们了解到在程序开发中，常见的按钮类型包括普通按钮、图标按钮、文字按钮和图片文字混合...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值