RelativeLayout 如何让图片按屏幕宽度分布?
How to make image distributed to screen width in RelativeLayout?
我有三个图标一个RelativeLayout
,如何让它们分布到屏幕宽度?
由于我可能会以编程方式向这一行添加更多图标,因此我无法为这些图标硬编码固定边距。
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:id="@+id/icon1"
android:src="@mipmap/icon" />
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:id="@+id/icon2"
android:layout_toRightOf="@id/icon1"
android:layout_alignBottom="@id/icon1"
android:src="@mipmap/icon" />
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:id="@+id/icon3"
android:layout_toRightOf="@id/icon2"
android:layout_alignBottom="@id/icon2"
android:src="@mipmap/icon" />
</RelativeLayout>
请使用LinearLayout
并使用此代码,它将适用于所有分辨率的设备。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center_horizontal" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:weightSum="3" >
<ImageView
android:id="@+id/icon1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:src="@drawable/ic_launcher" />
<ImageView
android:id="@+id/icon2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@id/icon1"
android:layout_toRightOf="@id/icon1"
android:layout_weight="1"
android:src="@drawable/ic_launcher" />
<ImageView
android:id="@+id/icon3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@id/icon2"
android:layout_toRightOf="@id/icon2"
android:layout_weight="1"
android:src="@drawable/ic_launcher" />
</LinearLayout>
</LinearLayout>
您的代码在属性中进行了少量修改。
试试这个:
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ImageView
android:layout_width="match_parent"
android:layout_height="50dp"
android:id="@+id/icon1"
android:src="@mipmap/icon" />
<ImageView
android:layout_width="match_parent"
android:layout_height="50dp"
android:id="@+id/icon2"
android:layout_below="@id/icon1"
android:layout_alignParentBottom="@id/icon1"
android:src="@mipmap/icon" />
<ImageView
android:layout_width="match_parent"
android:layout_height="50dp"
android:id="@+id/icon3"
android:layout_below="@id/icon2"
android:layout_alignParentBottom="@id/icon2"
android:src="@mipmap/icon" />
</RelativeLayout>
我有三个图标一个RelativeLayout
,如何让它们分布到屏幕宽度?
由于我可能会以编程方式向这一行添加更多图标,因此我无法为这些图标硬编码固定边距。
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:id="@+id/icon1"
android:src="@mipmap/icon" />
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:id="@+id/icon2"
android:layout_toRightOf="@id/icon1"
android:layout_alignBottom="@id/icon1"
android:src="@mipmap/icon" />
<ImageView
android:layout_width="50dp"
android:layout_height="50dp"
android:id="@+id/icon3"
android:layout_toRightOf="@id/icon2"
android:layout_alignBottom="@id/icon2"
android:src="@mipmap/icon" />
</RelativeLayout>
请使用LinearLayout
并使用此代码,它将适用于所有分辨率的设备。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center_horizontal" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:weightSum="3" >
<ImageView
android:id="@+id/icon1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:src="@drawable/ic_launcher" />
<ImageView
android:id="@+id/icon2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@id/icon1"
android:layout_toRightOf="@id/icon1"
android:layout_weight="1"
android:src="@drawable/ic_launcher" />
<ImageView
android:id="@+id/icon3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@id/icon2"
android:layout_toRightOf="@id/icon2"
android:layout_weight="1"
android:src="@drawable/ic_launcher" />
</LinearLayout>
</LinearLayout>
您的代码在属性中进行了少量修改。
试试这个:
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ImageView
android:layout_width="match_parent"
android:layout_height="50dp"
android:id="@+id/icon1"
android:src="@mipmap/icon" />
<ImageView
android:layout_width="match_parent"
android:layout_height="50dp"
android:id="@+id/icon2"
android:layout_below="@id/icon1"
android:layout_alignParentBottom="@id/icon1"
android:src="@mipmap/icon" />
<ImageView
android:layout_width="match_parent"
android:layout_height="50dp"
android:id="@+id/icon3"
android:layout_below="@id/icon2"
android:layout_alignParentBottom="@id/icon2"
android:src="@mipmap/icon" />
</RelativeLayout>