需求:
1、場景底部UI包含3個按鈕;
2、3個按鈕寬度相同,并能自適應各種尺寸的手機屏幕;
3、容器與按鈕之間有padding;
4、3個按鈕之間有間隔;
效果圖

權重.png
實現
1、設置Canvas
1.1、設置Render Mode
共三種模式:
Screen Space-Overlay:不需要指定的攝像機,且UI出現在所有攝像機的最前面;
Screen Space-Camera:需要指定一個UICamrea,它支持UI前面顯示3D對象和粒子系統(tǒng);
World Space:UI和3D對象完全一樣;
1.2、設置界面適配模式 Screen Match Mode
共三種模式:
Shrink: 保持縮放比例,裁切
Expand: 縮放不裁切
Match Width Screen Size:
如果是Match Width 那么就是適配寬度,把寬度設置為屏幕寬度,然后保持比例
如果Match height,那么適配高度,首先把高度設置為屏幕高度,然后保持比例

image.png
2、設置水平容器
2.1、新建子物體,添加Horizontal Layout Group腳本
2.2、設置水平容器錨點

錨點.png
2.3、設置Horizontal Layout Group腳本組件的padding和margin

間隔.png
2.4、添加3個按鈕
會根據容器設置的屬性,自動均分寬度,且自適應各種屏幕

image.png