UGUI使用小技巧 Content Size Fitter(一)_UGUI提示

來源:互聯網
上載者:User

    Content Size Fitter組件主要是用來設定UI的長寬,Horizontal Fit和Vertical Fit分別是控制UI的寬和高,有三個值可選:

Unconstrained:組件不根據布局元素調整 ,可手動修改長寬的值。
MinSize:根據布局元素的最小值來調整,不能手動修改長寬的值。
PreferredSize:根據布局元素的內容來調整,不能手動修改長寬的值。

小技巧一、文字後邊固定位置加圖片:如遊戲中聊天(名字+表情)

    文字固定,圖片隨文字長度變化位置(左右移動):

 建立一個Text,將Text的錨點Anchor設定為靠左對齊,調節好適當的X座標,在Text上添加Content Size Fitter,將Horizontal Fit 的屬性修改為Preferred Size,在Text下建立一個子物體Image,Image 的錨點Anchor設定為靠右對齊,調節好適當的X座標,現在向Text裡面添加文字,圖片就會跟隨文字已變更位元置。

Text






Image

小技巧二、控制Scroll View控制項下Content的大小。

    Scroll View常用來顯示獎勵列表、熱門排行榜之類的UI。這裡舉一個簡單的Scroll View例子,這裡就介紹垂直方向的拖拽。當你將UI做好之後,如果子物體在較多,或者比較大,可能會發現滑鼠拖拽Content往下來,鬆開滑鼠之後,Content會還原到原來的位置。如圖:


    這是因為Content有一個預設大小,當你Content下的子物體的Height加起來大於Content的高的時候,下邊的子物體肯定顯示不下啊,這時候在Content下添加一個Content Size Fitter組件,將Vertical Fit的值設定為Preferred Size,Content的Height就不需要你去關心了,這個時候就不怕子物體的多少了。





聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.