ngui中scrollview的使用

2021-07-11 05:56:44 字數 1842 閱讀 1981

uiscrollview製作滑動列表,可橫向,豎直展示一些列表在固定可視範圍內

uiscrollview只是乙個可滑動的ui元件

如果需要製作複雜的可視區域ui需要配合使用uipanel與uigrid

這樣更方便ui的展示

a.建立乙個2d ui root,在ngui選單上建立乙個scroll view

b.在scrollview上預設的為我們新增了乙個uipanel與uiscrollview

alpha:面板的透明度

depth:面板在所有ui上的層次等級

clipping:面板剪下,分為none(無剪下效果),soft clip(軟剪下,有邊緣模糊效果),alpha clip(硬剪下,邊緣鋒利)

constrain but don't clip(顯示所有內容,但是是剪下區域存在)

advanced options:高階選項

render q:面板裡所有的渲染質量,automatic(自動適應),normal(正常),explicit(使用者指定)

normals:法線貼圖

cull:如果用滑鼠手動元件則剔除元件

visible:面板是否在可視範圍內

offset:通過位置偏離錨點

static:如果是沒移動的元件,也進行**檢測,一般是用於scrollview

panel tool:是否顯示面板工具

show draw calls:顯示渲染的詳細資訊

content origin:滾動內容的起始點位置

movement:移動方向

drag effect:內容拖動時候顯示的效果

scroll wheel factor:使用滑鼠進行滾動時,滾動時候的比例

momentum amount:快速滑動時產生的衝力

restrict within panel:在面板裡進行約束

cancel drag if fits:如果有元件適應了面板的大小,取消元件在面板裡的拖動

smooth drag start:平滑拖動

ios drag emulation:在蘋果上**滑動效果

scroll bars:在進行拖動時,可以加入乙個scroll bars來控制或者顯示進度

c.在ngui選單上新增乙個grid到scrollview組下

d.設定uigrid

arrangement:**的顯示方向

sorting:對**內的內容進行排序,alphabetic(以字母順序排序),horizontal(水平方向進行排序),

vettical(垂直方向進行排序),custom(自定義的排序)

max per line:**每行顯示多少個元素

cell widht:單個顯示的寬度

cell height:單個顯示的高度

animate smoothly:使用平滑動畫過度效果

keep within panel:保持在乙個面板裡顯示

e.新增一些元素到uigrid組下,並設定好位置,配合uipanel的soft clip可

以讓元素在一定的可範圍內顯示

這樣乙個簡單的列表顯示效果就做出來了

:)

NGUI之scroll view的製作和踩坑總結

之前也看了不少童鞋謝了關於ngui的scroll view的製作 下面我寫下自己的製作過程以及心得,希望對童鞋們有所幫助。1.首先建立乙個960 640的背景參考 效果如圖 採坑總結 一 新建乙個物件的時候,需要確定這個物件的顯示層級 layer選項 一定要和ngui攝像機設定的顯示層級一樣。二 如...

ScrollView中巢狀EditText滑動問題

在edittext中設定了最大行數,但是內容超果了最大行數限制,這時edittext是可以滑動的。但是如果在edittext巢狀在scrollview中時,會使edittext的滑動事件失效。解決方法為 edittext.setontouchlistener new view.ontouchlist...

UGUI中ScrollView滑動適應問題解決辦法

問題描述 在使用ugui製作scrollview滑動列表時,content scrollrect元件中的content屬性所對應的gameobject 下的子物體無法按照物體本身的大小進行顯示,乙個子物體則寬是content的寬,2個是1 2的寬,3個是1 3的寬。這個問題我搜了很久,搜到的結果全是...