constraintlayout で高さを画面比率で指定する方法

Question

実現したいこと

iOS のように高さの指定を画面比率、または、指定 View 高さの比率で指定する方法はありますでしょうか？

例えば iOS の場合は SuperView の 0.4 倍の高さなどを指定することができますが Android で同じことをする方法が見当たらなかったのでご存知の方がいましたら教えていただきたいです。

constraintlayout では、そのようなことは出来ないものかもしれない気がしますが、詳しい方の意見もお聞きしたいです。

よろしくお願いします。

• 図2

Answer 1

私は iOS は分かりませんので, 例えとして出されてもイメージ湧かないのですが.
パーセント指定のガイドラインを view1 の下辺と view2 の上辺の位置に設定すれば出来るのではと思います.
また, view の大きさを割合で指定も出来るようですので, お調べください.

Comments

[pectin]

ありがとうございます。
ガイドラインを使うことでも実現できそうですが、図2のような場合の View を作る場合、ガイドライン、または、weight を使わずに作ることはできるものなのでしょうか？
web で情報を探してみたのですが、有力な情報が見当たりませんでしたので、もしご存知でしたら教えていただけませんでしょうか？

[jimbe]

私も調べながら回答していますので, おそらく pectin さんと同程度と思います.
情報検索は「悪魔の証明」的な部分もありますし, レイアウトはパズルですので, 全て知ってからよりも, 検索を続けながら出来そうなのを試していっては如何でしょう.

[pectin]

ありがとうございます。
あれから色々と考えてみた結果、応急処置的な方法ですがアスペクト比を使うことでやってみました。

例えば、最初の図の場合は、画面を900:1600と仮定して View のアスペクト比を 900:48(1600 x 0.03)にして配置することで対応しました。

図2の場合は親 View(幅がWのもの)のアスペクト比がわかっていることが前提になりますが、同じように割合分だけ調整したアスペクト比の View を作ることで対応しました。
正確な大きさかどうかはわかりませんが、おおよそ目的の大きさになるのではないかなと思いました。

自己解決みたいになってしまいましたが、できる手段で代用する方法でやってみます。

[jimbe]

計算通りに出来ないことの方が多いかと思いますし, 作ってみたらイメージと違っていて結局泥臭い方法になってしまったりということもありますので, そのような感じで宜しいのではないでしょうか^^

[pectin]

確かに泥臭いやり方になってしまうことの方が多いですね(^^
色々知恵を絞りながらやっていきます！