Style控件包中的TscGPButton控件的用法实例--制作一个圆角按钮

设计师的效果图，个人信息页要求实现如下按钮UI：

本实例通过运用TscGPButton控件来制作圆角图标按钮：

制作过程如下：

第一步：加入一个TscGPButton按钮：

如图效果：

• 设置宽高分别为：248*80

第二步：设置按钮的不同状态的背景颜色：

• 设置为圆角矩形，圆角的弧度：

  
  

  
  

  
  

  

  
  

  
  

如下图所示：

• 设置按钮的不同状态下的背景颜色：

如下图效果：

第三步：设置按钮的不同状态的边框颜色：

• 设置按钮不同状态下的边框颜色、边框的大小

如图效果：

第四步：设置按钮的图标和字体：

• 图标列表先加入准备好的图标：

• 为按钮关联图片列表以及指定图片索引

• 设置按钮的标题和字体

第五步：设置按钮的图标和文字的间隙距离：

第六步：设置按钮的字体颜色：

需要注意，设置字体时的字体颜色是无效的，需要通过options里面的字体颜色属性来设置字体颜色：

最终运行效果如下图：

正常时的效果：

鼠标移上时的效果：

更多交流可以加入我们的学习群：

注：该文档为本站原创作品，请勿转载。