0
0

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 3 years have passed since last update.

アプリの画面ごとに画面の向き(縦、横、両方)を設定する方法

Last updated at Posted at 2021-02-16

目次

  1. はじめに
  2. 実装方法
  3. まとめ

はじめに

Visualizerではコードを書かなくても、
縦向きと横向きの両方のプロパティを持つ画面を作成することができます。
これらのプロパティはフォーム単位で設定していきます。両方の向きをサポートするように画面を設計すれば、
ユーザーがデバイスを回転させた時も向きにあった画面を提供することができます。

実装方法

それぞれのデバイスでのデフォルトの向きは、
iPhone、iPad、BlackBerryでは、縦向き(Portrait)となっており、
Windows PhoneとAndroidでは、両方(Both)となっています。
スクリーンショット 2021-02-16 11.22.40.png

次に紹介する方法は、デバイスごとの設定も可能ですので参考にしてみてください:eyes:

1. 画面の用意

  • frmMain を作成します。

image001.png

  • btnMain ボタンを frmMain の中に作成します。

image003.png

2. フォームの設定

縦向きと横向きの両方に画面を設定するには、次のようにします。:

  • プロジェクトで、Projectタブをクリックします。画面右のプロパティにあるFormタブで、General > Orientation のドロップダウンリストを開きます。

image005.png

Orientationには、 Portrait, Landscape , Both の3つがあります。
以下では、この3つについて説明していきます。

  • Portrait

Portraitを選択した場合、 frmMain は常に縦向きに固定されます。

image007.png

Portraitの結果:

image009.jpg

  • Landscape

Landscapeを選択した場合、frmMain は常に横向きに固定されます。

image010.png

Landscapeの結果:

image012.jpg

  • Both

Bothを選択した場合、frmMainは、画面を横向きに回転させると自動的に横向きに変換され、縦向きに回転させると自動的に縦向きに変換されます。

Bothに設定後、
以下の動画のように向きの切り替えボタンをクリックして、ビジュアライザー上の画面の向きを変更します。

image013.gif

Bothの結果:

image014.gif

まとめ

今回はフォームの向きを設定する方法についてご紹介いたしました、コードなしで画面の向きに応じた設定をできるのは便利ですよね。フォーム単位での設定が必要なので、そちらだけご注意ください!
この記事があなたのお役に立てることを願っています:shamrock:

参考

0
0
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
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?