Unity学習メモ - ScrollView共通スキル


序文

UI を学習する過程で、ScrollView に繰り返しアクセスし、使用中に多くの問題に遭遇しました。記録する必要があるスキルがたくさんあります。


1. ScrollViewのスクロールバー表示

水平スライドを使用しない場合は、ScrollView で水平をキャンセルするだけで済みます。Unity ビューにはまだ存在しますが、ゲームを実行すると消えます。垂直スライド バーは同じです。
ここに画像の説明を挿入

ここに画像の説明を挿入

また、コンテンツの範囲が小さすぎると、下の比較表に示すようにスライダーが表示されません。下の図を見て要約すると、スクロール バーの表示が適切であると結論付けることができ
ここに画像の説明を挿入
ここに画像の説明を挿入
ます
ここに画像の説明を挿入
。コンテンツの範囲によって決まり、スクロールバーの範囲を超えて、スクロールバーが表示されます

2. ScrollView 内の要素をきれいに配置します。

通常、要素は階層パネルのコンテンツの下に配置されるため、このパネルの下にグリッド レイアウト グループ コンポーネントを追加するだけで、配置方法を自分で試すことができます
ここに画像の説明を挿入

3、Content の範囲を超えた ScrollView の要素の解決策

ここに画像の説明を挿入

1. このコードは、コンテンツ パネルの Rect Transform コンポーネントの高さを制御します。要素を追加すると、コンテンツの範囲も増加します。この方法は面倒で、一般的には使用されません。

2. Content Size Filter コンポーネントを使用します。このコンポーネントは非常に便利です。要素の数が増えると、コンテンツの範囲も広がります。パフォーマンスは最高であると考えられます。
ここに画像の説明を挿入

4. ScrollView の要素のサイズが、Grid Layout Group コンポーネントで定義された要素と一致しません。

グリッド レイアウト グループ コンポーネントは要素のサイズと配置を定義できますが、この要素のサイズを直接調整することもできます。サイズが異なるこの問題により、オブジェクトのサイズをリセットするだけで済む場合があります
ここに画像の説明を挿入
。グリッド レイアウトグループの要素サイズを変更するだけ
ここに画像の説明を挿入

5. マウスのスクロールホイールでスクロールバーをスライドさせるのが難しい

スクロール ビュー パネルのスクロール感度を高めるだけです。値が大きいほど、スクロール ホイールがスクロール バーをスライドしやすくなります。
ここに画像の説明を挿入

要約する

上記はスクロールビューを使用する際に私がよく使うテクニックです。他にもテクニックがあれば随時追加していきます。文章はあまり上手ではありません。偉い人たちの慈悲を願っています。

おすすめ

転載: blog.csdn.net/m0_52058484/article/details/130916220#comments_26731504