1: 掌握適配策略;
2: 掌握cc.Widget在適配中的作用;
3: 完成適配案例;
屏幕適配
1: 一款游戲能適應不同的手機分辨率,我們把這個稱為屏幕適配;
2: creator屏幕適配策略: 固定高度,固定寬度, 固定寬高度;
3: cc.Canvas組件:
(1)決定屏幕的適配策略;
(2)大小為屏幕的大小;
4: 美術設計分辨率:
美術人員在一個固定的分辨率下來設計資源,我們在canvas組件配置設計分辨率;
設計分辨率
1: 設計分辨率與固定寬度和高度策略:
橫屏游戲,藍色16:9的比例,橙色4:3
固定高度
固定寬度
界面適配
1: 背景圖做到能適配任何主流的手機分辨率,背景圖需要比設計分辨率大一點;
2: 將界面布局分為9大停靠點:
cc.Widget組件
1: cc.Widget組件幫助解決停靠點的問題;
2: cc.Widget能幫助解決和父親大小保持一致的問題;
4: 指定要相對的節點,必須是父節點或父親以上的節點;
creator界面適配案例
1: 確定設計分辨率
2: 配置適配策略;
3: 在設計分辨率下來搭建場景;
4: 決定界面上的停靠點,借助cc.Widget組件來實現;
5: 相對於父親的區域大小;
與父親頂部保持固定距離進行適配
居中拉伸,距離上下固定的距離