2018.4.28
1.iOS设备分辨率
参考链接：
1.iOS设备屏幕尺寸和适配
2.iPad
3.iPhone屏幕尺寸、分辨率及适配
| iPhone/iPod | 资源分辨率(px) | 设计分辨率(pt) | 屏幕分辨率(px) | 说 明 | 尺 寸 |
|---|---|---|---|---|---|
| iPhone 4/4s | 960*640 | 480*320 | 960*640 | @2x, 326ppi | 3.5 in |
| iPhone 5/5s/5c / SE / iPod Touch | 1136*640 | 568*320 | 1136*640 | @2x, 326ppi | 4 in |
| iPhone 6/6s / 7/7s / 8/8s | 1334*750 | 667*375 | 1334*750 | @2x, 326ppi | 4.7 in |
| iPhone 6p/6sp / 7p/7sp / 8p/8sp | 2208*1242 | 736*414 | 1920*1080 | @3x, 401ppi | 5.5 in |
| iPhone X | 2436*1125 | 812*375 | 2436*1125 | @3x, 458ppi | 5.8 in |
| iPad | 资源分辨率(px) | 设计分辨率(pt) | 屏幕分辨率(px) | 说 明 | 尺 寸 |
|---|---|---|---|---|---|
| iPad 1/2 | 1024*768 | 1024*768 | 1024*768 | @1x, 132ppi | 9.7 in |
| iPad Pro 1 (9.7 in) / iPad (3/4) / iPad Air (1/2) / iPad (2017/2018) | 2048*1536 | 1024*768 | 2048*1536 | @2x, 264ppi | 9.7 in |
| iPad mini 1 | 1024*768 | 1024*768 | 1024*768 | @1x, 163ppi | 7.9 in |
| iPad mini 2/3/4 | 2048*1536 | 1024*768 | 2048*1536 | @2x, 326ppi | 7.9 in |
| iPad Pro 2 (10.5 in) | 2224*1668 | 1112*834 | 2224*1668 | @2x, 264ppi | 10.5 in |
| iPad Pro 1/2 (12.9 in) | 2732*2048 | 1366*1024 | 2732*2048 | @2x, 264ppi | 12.9 in |
需要注意的是，iphone6和6plus可以设置标准模式和放大模式。在放大模式下，6plus会退化为375x667，此时应该当成iphone6来做适配。而iphone6会退化为320x568，应该当作iphone5来适配。
iPhone6plus有两种显示模式，标准模式分辨率为1242x2208，放大模式分辨率为1125x2001（即iPhone 6的1.5倍）。
## 屏幕适配方案
### 步骤
1. 选择一种尺寸为设计和开发基准
2. 定义一套适配准则,自动适配
3. 特殊适配效果给出设计结果
### 方案
1. 首先用iPhone6(宽750px)做设计,同时等比放大1.5倍生成宽度1125px的设计稿，在1125px的稿子里切图.
2. 程序开发用图片：一个是程序用到的@3x切图资源，另一个是宽度750px的设计标注图。
3. 完成iPhone6（375pt）的界面开发，自动布局的方式，方便继续是适配到其他尺寸。
4. 屏幕适配：6P(414pt) 5s(320pt)
四种适配规则方法：文字流式，控件弹性，图片等比缩放
2.分辨率
参考链接：
1.分辨率适配概念之 资源分辨率，设计分辨率 和 屏幕分辨率
资源分辨率：资源图片的大小，单位是像素
设计分辨率：逻辑上游戏屏幕的大小, 比如设置为：320 * 480像素后，左下角则为cc.p(0, 0)右上角则为cc.p(320, 480)；在程序中使用到的分辨率，单位是点(Point)，也可称逻辑分辨率；
屏幕分辨率：屏幕大小，单位是像素 如iphone 3.5普通版 和iphone 3.5 Retina分别是：320*480和640*960
从资源文件到屏幕的显示分为2个部分：
1.资源分辨率-->设计分辨率(Director的 setContentScaleFactor 和 setSearchPaths方法)
2.设计分辨率-->屏幕分辨率(GLView的 setDesignResolutionSize方法)
3.Markdown表格语法：
参考链接：
1.markdown之表格的使用
2.利用Markdown创建表格
基本：
|id|name|
|-|-|
|1|A1|
|2|A2|
|3|A3|
对齐：
(-) 默认左对齐
(:-) 左对齐
(-:) 右对齐
(:-:) 居中
示例：
| id | name |
|---|---|
| 1 | A1 |
| 2 | A2 |
| 3 | A3 |
网友评论