螢幕适配_cc.Widget與螢幕适配的應用

前言

在手遊開發過程中，由于市面上不同的手機廠商制造的手機的螢幕分辨率不同，是以我們要在遊戲開發中考慮不同手機螢幕的适配問題。

一、 螢幕适配

1: 一款遊戲能适應不同的手機分辨率，我們把這個稱為螢幕适配;

2: creator螢幕适配政策: 固定高度,固定寬度, 固定寬高度;

3: cc.Canvas元件:

(1)決定螢幕的适配政策;

 (2)大小為螢幕的大小;
           

4: 美術設計分辨率:

美術人員在一個固定的分辨率下來設計資源,我們在canvas元件配置設計分辨率;
           

哔哩哔哩 ( ゜- ゜)つロ 乾杯~ Bilibili​space.bilibili.com

二、 設計分辨率

1: 設計分辨率與固定寬度和高度政策:

橫屏遊戲,藍色16:9的比例，橙色4:3

三、 界面适配

1: 背景圖做到能适配任何主流的手機分辨率;

2: 将界面布局分為9大停靠點:

四、 cc.Widget元件

1: cc.Widget元件幫助解決停靠點的問題;

2: cc.Widget能幫助解決和父親大小保持一緻的問題;

3: 指定要相對的節點，必須是父節點或父親以上的節點;

五、 creator界面适配案例

1: 确定設計分辨率

2: 配置适配政策;

3: 在設計分辨率下來搭建場景;

4: 決定界面上的停靠點,借助cc.Widget元件來實作;

5: 相對于父親的區域大小;

超詳細的學習路線免費擷取​shimo.im