このhttp://postimg.cc/image/fihidv1rv/のような UI を構築したいと考えています。これが私のxmlコードです。私のデザインでImageView
は、リンクで「EFFECT」と「CAMERA」を「SHOP」のように組み合わせて、合計5ImageView
秒になり、IDをリンク
問題は、高さと幅をパーセンテージで設定するにはどうすればよいですか?
効果+カメラ: 高さ 25%、幅 100%
コラージュ:高さ25%、幅50%
描画: 高さ 25%、幅 50%
写真:高さ50%、幅50%
ショップ:高さ25%、幅100%
<RelativeLayout android:id="@+id/mainContent" android:layout_width="fill_parent" android:layout_height="fill_parent"
android:orientation="horizontal" android:background="#ffffff">
<ImageView
android:id="@+id/img_effect+camera"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:src="@drawable/a" />
<ImageView
android:id="@+id/img_collage"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/img_effect+camera"
android:src="@drawable/b" />
<ImageView
android:id="@+id/img_draw"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_below="@+id/img_effect+camera"
android:layout_toRightOf="@+id/img_collage"
android:src="@drawable/c" />
<ImageView
android:id="@+id/img_photo"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_toRightOf="@+id/img_collage"
android:layout_below="@+id/img_draw"
android:src="@drawable/d" />
<ImageView
android:id="@+id/img_shop"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/img_photo"
android:src="@drawable/e" />
</RelativeLayout>