Style控件包中的TscPanel控件的用法实例--为Panel增加壁纸背景功能

设计师的设计稿:



按照设计师的要求,要实现如图中个人中心的图片背景效果;


我们最初考虑是使用拼接的方案,上半部用纯色,下半部用图片拼接;经过再三考虑,决定使用Style的TscPanel组件来实现。

第一步: 添加一个TscPanel 组件:


 \



第二步: 添加一个TscImageCollection 组件:

TscImageCollection组件相当于一个图片列表组件,可以添加很多图片,每个图片的大小可以不一样,也可以有不同的渲染方式:




第三步: 在TscImageCollection 组件中添加一个图片:




  • 添加图片项




  • 加载一个图片到图片项:



第三步: 为TscPanel指定壁纸:


  • 为TscPanel的壁纸属性关联TscImageCollection 组件:


  • 设置壁纸背景图片索引:



到此,就完美实现了为Panel设置一个壁纸的功能,运行效果如下:


拓展知识:

TscImageCollection的图片项,有很多选项来控制图片的一些渲染细节:




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

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