タグ

ブックマーク / unitygeek.hatenablog.com (1)

  • iOS用のレスポンシブなUIをつくる - Unityな日々(Unity Geek)

    iOSデバイスにはさまざまな解像度、アスペクト比があり、それぞれに適切なUIとなるような工夫がいる。 参考: unitygeek.hatenablog.com 実現したいUI:トリミングとストレッチ たとえば、次のようなUIデザインを実現したいとする。 背景の画像は画面の縦サイズにあわせ、横方向はトリミングされる。 ボタンを3つ配置したメニューバーは、画面の横いっぱいに表示し、バー内にボタンを3等分して配置する。 テキストボックスは、横幅一定、高さはテキスト量によって変える。 具体的な完成イメージは次のようなものだ。2つの画面の解像度・アスペクト比はそれぞれ、iPhone5s, iPad Retinaを想定している。 背景の人物の写真は、iPhoneでは左右がトリミングされている。ボトムの黒色のメニューバーは、iPhone, iPadそれぞれに横方向いっぱいに表示され、ボタンは3等分されて

    iOS用のレスポンシブなUIをつくる - Unityな日々(Unity Geek)
  • 1