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



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






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


制作过程如下:


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



如图效果:



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



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




  • 设置为圆角矩形,圆角的弧度:






如下图所示:

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



如下图效果:


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


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




如图效果:


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



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



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




  • 设置按钮的标题和字体





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





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


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







最终运行效果如下图


正常时的效果:

鼠标移上时的效果:



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





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


联系电话:
020-00000000
联系电话:
020-00000000
联系电话:
020-12345678