小程序的ui框架尺寸

小程序的 UI 设计指南在小程序官方文档中均有介绍，以微信官方设计文档为参照：

1、 小程序布局：小程序的布局主要采用块察大状结构进行布局，优先采用卡片、列表或网格等布局方式；

2、 小程序 UI 调色：小程序的 UI 调色使用典型的灰色调子，较亮的颜色基调使用明度较浅的颜色余巧；

3、小程序 UI 尺寸：败毁竖采用 1080px 宽，720px 高的界面设计尺寸，控件尺寸以 8px 为基准单位，即每个控件的间距需以 8px 设计；

4、 小程序 UI 字号：字体最大尺寸 36px，最小尺寸 24px，中等字体尺寸使用 30px。

//创信姿滑建UIImageView

UIImageView *imageV = [UIImageView alloc] initWithFrame:CGMake(0,0,100,100)]

[view addSubView:imageV]

如果需要处理的图形比较多,最好利用第二种方法里面的2个方法去实现

1.第一种方法:设置UIImageView的layer的圆角,然后裁剪 (这种方法比较损耗性能)

imageV.layer.cornerRadius = imageV.Frame.size.Width

imageV.layer.masksToBounds = YES

2.利册埋用贝塞尔将imageV整个类容画在一个图形上下滑腊文中,在图形上下文中画成圆形

给UIImageView空充一个分类,分别实现2个方法

微信小程序开发，是目前火爆的开发方式，也是适应中小企业快速解决的一个方案。选裤饥择一个租纯雹合适自己的开发UI框架，能够让自己开发速度提升数倍。

推荐两个小程序UI框架弊帆：

WeUI

WeUI是由微信官方设计团队分别支持微信H5网页和微信原生小程序的开源UI组件

ColorUI

ColorUI是开源且支持原生小程序的UI组件，由于我目前在帮朋友改一个原生的微信小程序，所以就选择了这款开源组件。

---