我试图在我的应用上调整主屏幕,将按钮略微向右移动。
这是指向我当前主屏幕的图像版本的链接。
这就是我想要的样子:
我上传的所有图标都有额外的空间来调整填充。我在草图上制作了图标并将其作为整个按钮上传。 这是其中一个的屏幕截图:
我知道我需要用填充做一些事情,但我应该写什么来确保图标和文本向右移动。
以下是有关活动:
<LinearLayout 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"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:orientation="vertical"
tools:context="com.example.leoconnelly.connexus.MainActivity">
<LinearLayout
android:id="@+id/ll_learn"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_gravity="center_vertical"
android:layout_weight="1">
<ImageButton
android:id="@+id/learn"
android:layout_width="match_parent"
android:scaleType="centerCrop"
android:src="@mipmap/learn_layer_long"
android:layout_height="match_parent"
android:layout_gravity="center_vertical"
android:padding="0dp"
android:layout_weight="1"
android:text="@string/learn"
android:textSize="22sp"
/>
</LinearLayout>
<LinearLayout
android:id="@+id/ll_find_care"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:layout_gravity="center_vertical">
<ImageButton
android:id="@+id/find_care_button"
android:layout_width="match_parent"
android:padding = "0dp"
android:scaleType="centerCrop"
android:src="@mipmap/findcare_layer_long"
android:layout_height="match_parent"
android:layout_gravity="center_vertical"
android:layout_weight="1"
android:text="@string/learn"
android:textSize="22sp" />
</LinearLayout>
<LinearLayout
android:id="@+id/ll_talk_to_doctor"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:layout_gravity="center_vertical">
<ImageButton
android:id="@+id/TalkToADocButton"
android:layout_width="match_parent"
android:scaleType="centerCrop"
android:src="@mipmap/talk_doc_layer_long"
android:layout_height="match_parent"
android:layout_gravity="center_vertical"
android:padding="0dp"
android:layout_weight="1"
android:textSize="22sp" />
</LinearLayout>
<LinearLayout
android:id="@+id/ll_visit_website"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:layout_gravity="center_vertical">
<ImageButton
android:id="@+id/VisitWeb"
android:layout_width="match_parent"
android:scaleType="centerCrop"
android:src="@mipmap/visit_web_layer_long"
android:layout_height="match_parent"
android:layout_gravity="center_vertical"
android:padding="0dp"
android:layout_weight="1"
android:textSize="22sp" />
</LinearLayout>
答案 0 :(得分:0)
试一试:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<LinearLayout
android:id="@+id/ll_learn"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1">
<ImageView
android:src="@mipmap/findcare_layer_long"
android:scaleType="centerCrop"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"/>
<TextView
android:text="@android:string/untitled"
android:gravity="center"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:textSize="22sp" />
</LinearLayout>
<LinearLayout
android:id="@+id/ll_find_care"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1">
<ImageView
android:src="@mipmap/findcare_layer_long"
android:scaleType="centerCrop"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"/>
<TextView
android:text="@android:string/untitled"
android:gravity="center"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:textSize="22sp" />
</LinearLayout>
<LinearLayout
android:id="@+id/ll_talk_to_doctor"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1">
<ImageView
android:src="@mipmap/talk_doc_layer_long"
android:scaleType="centerCrop"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"/>
<TextView
android:text="@android:string/untitled"
android:gravity="center"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:textSize="22sp" />
</LinearLayout>
<LinearLayout
android:id="@+id/ll_visit_website"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1">
<ImageView
android:src="@mipmap/visit_web_layer_long"
android:scaleType="centerCrop"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"/>
<TextView
android:text="@android:string/untitled"
android:gravity="center"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:textSize="22sp" />
</LinearLayout>
</LinearLayout>
答案 1 :(得分:0)
在父布局中设置填充。因此,如果您想要为&#34; 5dp&#34; 的所有4个边添加填充,您将执行以下操作:
{{1}}
答案 2 :(得分:0)
我在这里定制了您的布局文件。
<?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:orientation="vertical">
<LinearLayout
android:id="@+id/ll_learn"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_gravity="center_vertical"
android:layout_weight="1"
android:background="@android:color/holo_blue_light">
<TextView
android:id="@+id/learn"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center_vertical"
android:layout_marginStart="20dp"
android:layout_marginEnd="20dp"
android:drawablePadding="30dp"
android:drawableStart="@drawable/ic_ico"
android:gravity="center_vertical|center_horizontal"
android:scaleType="centerCrop"
android:text="learn"
android:textStyle="bold"
android:textColor="@color/white"
android:textSize="30sp" />
</LinearLayout>
<LinearLayout
android:id="@+id/ll_find_care"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_gravity="center_vertical"
android:layout_weight="1"
android:background="@android:color/holo_green_dark">
<TextView
android:id="@+id/find_care"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center_vertical"
android:layout_marginStart="20dp"
android:layout_marginEnd="20dp"
android:drawablePadding="30dp"
android:drawableStart="@drawable/ic_ico"
android:gravity="center_vertical|center_horizontal"
android:scaleType="centerCrop"
android:text="Find Care"
android:textStyle="bold"
android:textColor="@color/white"
android:textSize="30sp" />
</LinearLayout>
<LinearLayout
android:id="@+id/ll_talk_to_doctor"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_gravity="center_vertical"
android:layout_weight="1"
android:background="@android:color/holo_orange_dark">
<TextView
android:id="@+id/TalkToADocButton"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center_vertical"
android:layout_marginStart="20dp"
android:layout_marginEnd="20dp"
android:drawablePadding="30dp"
android:drawableStart="@drawable/ic_ico"
android:gravity="center_vertical|center_horizontal"
android:scaleType="centerCrop"
android:text="Emergency"
android:textStyle="bold"
android:textColor="@color/white"
android:textSize="30sp" />
</LinearLayout>
<LinearLayout
android:id="@+id/ll_visit_website"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_gravity="center_vertical"
android:layout_weight="1"
android:background="@android:color/holo_red_dark">
<TextView
android:id="@+id/VisitWeb"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center_vertical"
android:layout_marginStart="20dp"
android:layout_marginEnd="20dp"
android:drawablePadding="30dp"
android:drawableStart="@drawable/ic_ico"
android:gravity="center_vertical|center_horizontal"
android:scaleType="centerCrop"
android:text="Message to a Doctor"
android:textStyle="bold"
android:textColor="@color/white"
android:textSize="30sp" />
</LinearLayout>
注意:根据您的要求更改颜色和图标。因为在这里我使用了样本图像和颜色进行测试。
<强>输出:强>