5 つのボタンがあり、それぞれ幅が異なります。これは、一部のボタンが他のボタンよりも多くのテキストを含んでいるためです。
それらを揃えたいのですが、画面が小さい場合に幅が収まらないという問題があります(タブレットでは完璧に見えますが、モバイルではまったく見栄えがよくありません)。
下の画像のようなものをどのように達成できますか? 画面サイズが小さすぎる場合、収まらないボタンは自動的に新しい行に配置されますが、画面サイズが十分に大きい場合は、すべてのボタンが一列に表示されます。
レイアウト.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:hardwareAccelerated="true"
tools:context=".MainActivity" >
<WebView
android:id="@+id/webView1"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_below="@+id/button3"
android:hardwareAccelerated="true" />
<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:src="@drawable/id_moduls" />
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="40dp"
android:orientation="horizontal" >
<Button
android:id="@+id/btnbmwx6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:text="BMW X6" />
<Button
android:id="@+id/btnbmwz4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_toRightOf="@+id/btnbmwx6"
android:text="BMW Z4" />
<Button
android:id="@+id/btnbmw1s3d"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="BMW 1s 3-Doors" />
<Button
android:id="@+id/btnbmw6sgrancoupe"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="BMW 6s Gran Coupe" />
<Button
android:id="@+id/btnbmw5stouring"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="BMW 5s Touring" />
</LinearLayout>
</RelativeLayout>