界面美化方案

1.控件搭配图片

使用常用画图软件(Windows 自带的画图、国产Mockplus软件等)为自定义界面设计一张"背景图",在图片上加入需要的元素,如图标,图形,表格,艺术字等,同时为自定义界面中的控件留出位置。 将设计好的"背景图"保存成通用格式的图片,用自定义界面中的picture控件将其导入自定义界面中,再加入其它控件配合使用。这里以生成表格为例。

  1. 在软件Mockplus中画好表格,也可以在其中加入文字,将需要填入数据的表格空出来,设计好后存成图片。一种较好的设计方案是设计图片时使其长宽方向的像素值和系统中自定义界面的设计区域相同,并且在page函数中分割行列时将页面按像素分割,这样在设计"背景图"和编写自定义界面代码时位置是完全对应的。

beautify1

  1. 编辑python文件,在适当位置加入相应的控件组合成自定义界面,这里加入了coor/data/switch等控件。

beautify2

2.合理布局和配色

可以使用部分控件的样式属性来改变控件的显示样式,如设置控件的背景色、边框颜色、边框宽度、边框圆角、文字颜色、文字大小、文字位置、文字对齐方式等。

可以多参考其他设备的UI界面设计风格,以获得更合理的界面设计。例如:布局、配色、图片等。

beautify3