根据屏幕设备大小调整图像按钮大小
Adjust imagebutton size based on the screen device size
我想根据用户的屏幕设备尺寸动态调整我的图像按钮尺寸。
我已经了解 LinearLayout 并为每个图像按钮设置权重。
但是我的设计有点不同
这是我的设计：
https://ibb.co/cudSCa
*这里有一个动画，中间按钮会淡入然后其他按钮会在中间按钮中出现*
这里是 xml 代码：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:background="@drawable/bgf"
tools:context="com.example.kixkikx.basewalk.AdminMenu">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center">
<ImageView
android:id="@+id/imageView6"
android:layout_width="180dp"
android:layout_height="180dp"
android:layout_marginTop="180dp"
android:layout_marginLeft="70dp"
app:srcCompat="@drawable/finalogo" />
<ImageButton
android:id="@+id/button19"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_marginLeft="130dp"
android:layout_marginTop="450dp"
android:onClick="Timeline"
android:background="@drawable/timeline1" />
<ImageButton
android:id="@+id/button7"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_marginLeft="140dp"
android:layout_marginTop="20dp"
android:background="@drawable/create1"
android:onClick="CreateDF" />
<TextView
android:id="@+id/textView5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="135dp"
android:layout_marginTop="80dp"
android:text="Add forum"
android:textColor="#F3D42C" />
<ImageButton
android:id="@+id/button5"
android:layout_width="50dp"
android:layout_height="60dp"
android:layout_marginLeft="253dp"
android:layout_marginTop="90dp"
android:onClick="AssignTask"
android:background="@drawable/assign1" />
<TextView
android:id="@+id/textView6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="230dp"
android:layout_marginTop="150dp"
android:text=" Assign Task"
android:textColor="#F3D42C" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TEST"
android:textSize="16sp"
android:textColor="#984491"
android:visibility="invisible"
android:id="@+id/textView4"
android:layout_marginBottom="30dp"
android:layout_marginRight="50dp"
android:layout_marginTop="150dp"
android:layout_marginLeft="50dp" />
<ImageButton
android:id="@+id/button8"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_marginLeft="30dp"
android:layout_marginTop="90dp"
android:background="@drawable/forum1"
android:onClick="ViewManager"
android:text="Log History" />
<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="20dp"
android:layout_marginTop="150dp"
android:text="View Forum"
android:textColor="#F3D42C"
/>
<TextView
android:id="@+id/textView99"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="120dp"
android:layout_marginTop="495dp"
android:text="View timeline"
android:textColor="#F3D42C" />
<ImageButton
android:id="@+id/button6"
android:layout_width="60dp"
android:layout_height="60dp"
android:onClick="ViewTask"
android:layout_marginLeft="30dp"
android:layout_marginTop="350dp"
android:background="@drawable/report1"
/>
<TextView
android:id="@+id/textView22"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="410dp"
android:layout_marginLeft="13dp"
android:textColor="#F3D42C"
android:text="View Task Reports" />
<ImageButton
android:id="@+id/button10"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_marginTop="350dp"
android:layout_marginLeft="230dp"
android:background="@drawable/logout1" />
<TextView
android:id="@+id/textView23"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="410dp"
android:layout_marginLeft="240dp"
android:textColor="#F3D42C"
android:text="Log out" />
</RelativeLayout>
</RelativeLayout>
我的问题是：我不知道如何使这些图像按钮成为动态的，它会根据 device/phone 的屏幕大小调整其大小，同时保持我创建的设计。
imagebutton 中的所有图像都有 hdpi/xhdpi/xxhdpi。我使用图像资源生成了这些图标。
我还想包含要与每个图像按钮对齐的 textView。
请使用 LinearLayout with weightsum。
问题是，在这种情况下，您在宽度和高度上给出了硬编码维度，图像从 hdpi xhdpi 获取任何其他内容，但您需要在维度值文件夹值 21 中定义每个维度值，值小，值大设置后，我认为您可以看到最好的结果
试试这个布局：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/activity_signup"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
android:orientation="vertical">
<RelativeLayout
android:id="@+id/main_layout_signup"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentStart="true">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:gravity="center_vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal|center_vertical"
android:orientation="vertical">
<ImageButton
android:id="@+id/button7"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_marginTop="10dp"
android:onClick="CreateDF" />
<TextView
android:id="@+id/textView7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Add forum"
android:textColor="#F3D42C" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="30dp"
android:gravity="left"
android:orientation="vertical">
<ImageButton
android:id="@+id/button6"
android:layout_width="60dp"
android:layout_height="60dp"
android:onClick="CreateDF" />
<TextView
android:id="@+id/textView6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Add forum"
android:textColor="#F3D42C" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginRight="30dp"
android:gravity="right"
android:orientation="vertical">
<ImageButton
android:id="@+id/button5"
android:layout_width="60dp"
android:layout_height="60dp"
android:onClick="CreateDF" />
<TextView
android:id="@+id/textView5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Add forum"
android:textColor="#F3D42C" />
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal|center_vertical"
android:layout_marginTop="10dp">
<ImageView
android:id="@+id/imageView6"
android:layout_width="100dp"
android:layout_height="100dp"
android:foregroundGravity="center_horizontal"
android:scaleType="centerCrop"
android:src="@drawable/brushed_radiant_blue" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="30dp"
android:gravity="left"
android:orientation="vertical">
<ImageButton
android:id="@+id/button4"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_marginTop="10dp"
android:onClick="CreateDF" />
<TextView
android:id="@+id/textView4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Add forum"
android:textColor="#F3D42C" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginRight="30dp"
android:gravity="right"
android:orientation="vertical">
<ImageButton
android:id="@+id/button3"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_marginTop="10dp"
android:onClick="CreateDF" />
<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Add forum"
android:textColor="#F3D42C" />
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal|center_vertical"
android:orientation="vertical">
<ImageButton
android:id="@+id/button1"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_marginTop="10dp"
android:onClick="CreateDF" />
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Add forum"
android:textColor="#F3D42C" />
</LinearLayout>
</LinearLayout>
</RelativeLayout>
</RelativeLayout>
我想根据用户的屏幕设备尺寸动态调整我的图像按钮尺寸。
我已经了解 LinearLayout 并为每个图像按钮设置权重。 但是我的设计有点不同
这是我的设计： https://ibb.co/cudSCa
*这里有一个动画，中间按钮会淡入然后其他按钮会在中间按钮中出现*
这里是 xml 代码：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:background="@drawable/bgf"
tools:context="com.example.kixkikx.basewalk.AdminMenu">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center">
<ImageView
android:id="@+id/imageView6"
android:layout_width="180dp"
android:layout_height="180dp"
android:layout_marginTop="180dp"
android:layout_marginLeft="70dp"
app:srcCompat="@drawable/finalogo" />
<ImageButton
android:id="@+id/button19"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_marginLeft="130dp"
android:layout_marginTop="450dp"
android:onClick="Timeline"
android:background="@drawable/timeline1" />
<ImageButton
android:id="@+id/button7"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_marginLeft="140dp"
android:layout_marginTop="20dp"
android:background="@drawable/create1"
android:onClick="CreateDF" />
<TextView
android:id="@+id/textView5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="135dp"
android:layout_marginTop="80dp"
android:text="Add forum"
android:textColor="#F3D42C" />
<ImageButton
android:id="@+id/button5"
android:layout_width="50dp"
android:layout_height="60dp"
android:layout_marginLeft="253dp"
android:layout_marginTop="90dp"
android:onClick="AssignTask"
android:background="@drawable/assign1" />
<TextView
android:id="@+id/textView6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="230dp"
android:layout_marginTop="150dp"
android:text=" Assign Task"
android:textColor="#F3D42C" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TEST"
android:textSize="16sp"
android:textColor="#984491"
android:visibility="invisible"
android:id="@+id/textView4"
android:layout_marginBottom="30dp"
android:layout_marginRight="50dp"
android:layout_marginTop="150dp"
android:layout_marginLeft="50dp" />
<ImageButton
android:id="@+id/button8"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_marginLeft="30dp"
android:layout_marginTop="90dp"
android:background="@drawable/forum1"
android:onClick="ViewManager"
android:text="Log History" />
<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="20dp"
android:layout_marginTop="150dp"
android:text="View Forum"
android:textColor="#F3D42C"
/>
<TextView
android:id="@+id/textView99"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="120dp"
android:layout_marginTop="495dp"
android:text="View timeline"
android:textColor="#F3D42C" />
<ImageButton
android:id="@+id/button6"
android:layout_width="60dp"
android:layout_height="60dp"
android:onClick="ViewTask"
android:layout_marginLeft="30dp"
android:layout_marginTop="350dp"
android:background="@drawable/report1"
/>
<TextView
android:id="@+id/textView22"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="410dp"
android:layout_marginLeft="13dp"
android:textColor="#F3D42C"
android:text="View Task Reports" />
<ImageButton
android:id="@+id/button10"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_marginTop="350dp"
android:layout_marginLeft="230dp"
android:background="@drawable/logout1" />
<TextView
android:id="@+id/textView23"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="410dp"
android:layout_marginLeft="240dp"
android:textColor="#F3D42C"
android:text="Log out" />
</RelativeLayout>
</RelativeLayout>
我的问题是：我不知道如何使这些图像按钮成为动态的，它会根据 device/phone 的屏幕大小调整其大小，同时保持我创建的设计。 imagebutton 中的所有图像都有 hdpi/xhdpi/xxhdpi。我使用图像资源生成了这些图标。
我还想包含要与每个图像按钮对齐的 textView。
请使用 LinearLayout with weightsum。
问题是，在这种情况下，您在宽度和高度上给出了硬编码维度，图像从 hdpi xhdpi 获取任何其他内容，但您需要在维度值文件夹值 21 中定义每个维度值，值小，值大设置后，我认为您可以看到最好的结果
试试这个布局：
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/activity_signup"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
android:orientation="vertical">
<RelativeLayout
android:id="@+id/main_layout_signup"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentStart="true">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:gravity="center_vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal|center_vertical"
android:orientation="vertical">
<ImageButton
android:id="@+id/button7"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_marginTop="10dp"
android:onClick="CreateDF" />
<TextView
android:id="@+id/textView7"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Add forum"
android:textColor="#F3D42C" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="30dp"
android:gravity="left"
android:orientation="vertical">
<ImageButton
android:id="@+id/button6"
android:layout_width="60dp"
android:layout_height="60dp"
android:onClick="CreateDF" />
<TextView
android:id="@+id/textView6"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Add forum"
android:textColor="#F3D42C" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginRight="30dp"
android:gravity="right"
android:orientation="vertical">
<ImageButton
android:id="@+id/button5"
android:layout_width="60dp"
android:layout_height="60dp"
android:onClick="CreateDF" />
<TextView
android:id="@+id/textView5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Add forum"
android:textColor="#F3D42C" />
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal|center_vertical"
android:layout_marginTop="10dp">
<ImageView
android:id="@+id/imageView6"
android:layout_width="100dp"
android:layout_height="100dp"
android:foregroundGravity="center_horizontal"
android:scaleType="centerCrop"
android:src="@drawable/brushed_radiant_blue" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="30dp"
android:gravity="left"
android:orientation="vertical">
<ImageButton
android:id="@+id/button4"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_marginTop="10dp"
android:onClick="CreateDF" />
<TextView
android:id="@+id/textView4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Add forum"
android:textColor="#F3D42C" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginRight="30dp"
android:gravity="right"
android:orientation="vertical">
<ImageButton
android:id="@+id/button3"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_marginTop="10dp"
android:onClick="CreateDF" />
<TextView
android:id="@+id/textView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Add forum"
android:textColor="#F3D42C" />
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal|center_vertical"
android:orientation="vertical">
<ImageButton
android:id="@+id/button1"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_marginTop="10dp"
android:onClick="CreateDF" />
<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Add forum"
android:textColor="#F3D42C" />
</LinearLayout>
</LinearLayout>
</RelativeLayout>
</RelativeLayout>