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

设计师的设计稿：

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

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

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

\

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

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

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

• 添加图片项

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

第三步: 为TscPanel指定壁纸：

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

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

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

拓展知识：

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

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