2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

とりあえずuGUIでドラッグしたい

Last updated at Posted at 2016-12-30

uGUIでドラッグしたい。そんなちょっぴりセンチなとき。Unity様のSampleアセットを使わせてもらいましょう。
[Unity Samples: UI]

環境

  • MacbookPro 2012 Mid OS X Yosemite 10.10.5
  • Unity 5.1

ドラッグを実現できるパネルサンプルの確認

  1. 上記assetをimportしましょう。
  2. importが完了すると、Scenesフォルダが出ますね。
  3. 「Draggable Panel」のSceneを表示しましょう。
  4. その中のPanelの子にDragZoneが存在します。これを使いまわしましょう!!

とりあえずテキトーにドラッグを実現

  1. 先の同じScene上のHierarchyで、新規にPanelを生成しましょう。Canvas>Panel Drag Areaの下にCreate>Panelで生成。Panelの大きさを調整しておくと良いです。
  2. さらにその中にDragAreaを設けましょう。既存のDragAreaをコピペしてもいいですね!(プレハブ化してからの方がよさげ) Canvas>Panel Drag Area>Panel>Drag Areaをコピーして、先ほどのPanelの下にコピペ。
  3. 既存のDragAreaは上付きの高さ40の状態なので、Panel全体をドラッグしたい場合は、調整します。コピペしたDrag Areaのinspector内Rect TransformでAnchor Presetsを調整します。上下左右stretchにして、Heightを0にしましょう。

以上!

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?