Android布局重组
我正在尝试创建一个片段布局来保存用户信息。
当前布局xml。
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
>
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="fill_parent"
android:id="@+id/userInfo">
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="150dp"
android:id="@+id/profileHolder"
android:background="@drawable/bluelayer"
android:layout_weight="0">
<TableRow
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:orientation="vertical"
android:layout_width="95dp"
android:layout_height="match_parent"
android:id="@+id/spacer1"></LinearLayout>
<LinearLayout
android:orientation="vertical"
android:layout_width="350dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:id="@+id/profilePicHolder"
android:layout_gravity="center"
android:background="@drawable/circle">
<ImageButton
android:layout_width="100dp"
android:layout_height="100dp"
android:id="@+id/profilePic"
android:src="@drawable/profilepic"
android:background="@null"
android:layout_marginTop="25dp"
android:layout_gravity="center"
android:paddingTop="20dp" />
</LinearLayout>
<LinearLayout
android:orientation="vertical"
android:layout_width="95dp"
android:layout_height="match_parent"
android:id="@+id/spacer2"></LinearLayout>
</TableRow>
</LinearLayout>
<LinearLayout
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="12dp"
android:layout_marginBottom="12dp"
android:id="@+id/gap"></LinearLayout>
<ScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="5dp">
<TableLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<TableRow
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#f2f0f0"
android:paddingTop="5dp"
android:paddingBottom="5dp">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center">
<ImageView
android:layout_width="30dp"
android:layout_height="wrap_content"
android:id="@+id/mailIcon"
android:src="@drawable/mailiconoriginal"
android:paddingRight="3dp" />
<TextView
android:layout_width="320dp"
android:layout_height="40dp"
android:layout_toRightOf="@+id/mailIcon"
android:id="@+id/info_email"
android:ems="10"
android:textSize="15sp"
android:paddingTop="5dp"
android:paddingBottom="5dp"
android:padding="5dp"
android:layout_span="2" />
</RelativeLayout>
</TableRow>
<TableRow
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="3dp"></TableRow>
<TableRow
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#d8d5d5"
android:paddingTop="5dp"
android:paddingBottom="5dp">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:layout_width="30dp"
android:layout_height="40dp"
android:id="@+id/phoneIcon"
android:src="@drawable/phoneiconoriginal"
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:paddingRight="3dp" />
<TextView
android:layout_width="320dp"
android:layout_height="40dp"
android:id="@+id/info_phone"
android:ems="10"
android:textSize="15sp"
android:paddingTop="5dp"
android:paddingBottom="5dp"
android:padding="5dp"
android:layout_span="2"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true" />
</RelativeLayout>
</TableRow>
<TableRow
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="1dp"></TableRow>
<TableRow
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingTop="3dp"
android:paddingBottom="3dp">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:layout_width="30dp"
android:layout_height="wrap_content"
android:id="@+id/userIcon"
android:src="@drawable/namelogo"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_alignBottom="@+id/info_firstName"
android:paddingRight="3dp"
android:background="#a8a8a8" />
<TextView
android:layout_width="150dp"
android:layout_height="45dp"
android:id="@+id/info_firstName"
android:ems="10"
android:textSize="15sp"
android:paddingTop="5dp"
android:paddingBottom="5dp"
android:padding="5dp"
android:layout_span="2"
android:layout_alignParentTop="true"
android:layout_toRightOf="@+id/userIcon"
android:layout_toEndOf="@+id/userIcon"
android:background="#a8a8a8" />
<LinearLayout
android:orientation="horizontal"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_marginLeft="1dp"
android:layout_marginRight="1dp"
android:id="@+id/splitter"
android:background="#FFFFFF"
android:layout_toRightOf="@+id/info_firstName"
android:layout_toEndOf="@+id/info_firstName"></LinearLayout>
<TextView
android:layout_width="150dp"
android:layout_height="45dp"
android:id="@+id/info_lastName"
android:ems="10"
android:textSize="15sp"
android:paddingTop="5dp"
android:paddingBottom="5dp"
android:padding="5dp"
android:layout_span="2"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:layout_toRightOf="@+id/splitter"
android:layout_toEndOf="@+id/splitter"
android:background="#a8a8a8" />
</RelativeLayout>
</TableRow>
</TableLayout>
</ScrollView>
</LinearLayout>
我不想为不同的屏幕尺寸制作多个xml文件。有人可以帮助我进行布局。
3 个答案:
答案 0 :(得分：2)
试试这个，您需要使用layout_weight使其与所有设备兼容，这是您的解决方案
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin">
<LinearLayout
android:id="@+id/userInfo"
android:layout_width="match_parent"
android:layout_height="fill_parent"
android:orientation="vertical">
<LinearLayout
android:id="@+id/profileHolder"
android:layout_width="match_parent"
android:layout_height="150dp"
android:layout_weight="0"
android:background="@drawable/bluelayer"
android:orientation="horizontal">
<TableRow
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:id="@+id/spacer1"
android:layout_width="95dp"
android:layout_height="match_parent"
android:orientation="vertical"></LinearLayout>
<LinearLayout
android:id="@+id/profilePicHolder"
android:layout_width="350dp"
android:layout_height="match_parent"
android:layout_gravity="center"
android:layout_weight="1"
android:background="@drawable/circle"
android:orientation="vertical">
<ImageButton
android:id="@+id/profilePic"
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_gravity="center"
android:layout_marginTop="25dp"
android:background="@null"
android:paddingTop="20dp"
android:src="@drawable/profilepic" />
</LinearLayout>
<LinearLayout
android:id="@+id/spacer2"
android:layout_width="95dp"
android:layout_height="match_parent"
android:orientation="vertical"></LinearLayout>
</TableRow>
</LinearLayout>
<LinearLayout
android:id="@+id/gap"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="12dp"
android:layout_marginTop="12dp"
android:orientation="vertical"></LinearLayout>
<ScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="5dp">
<TableLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<TableRow
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#f2f0f0"
android:paddingBottom="5dp"
android:paddingTop="5dp">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center">
<ImageView
android:id="@+id/mailIcon"
android:layout_width="30dp"
android:layout_height="wrap_content"
android:paddingRight="3dp"
android:src="@drawable/mailiconoriginal" />
<TextView
android:id="@+id/info_email"
android:layout_width="320dp"
android:layout_height="40dp"
android:layout_span="2"
android:layout_toRightOf="@+id/mailIcon"
android:ems="10"
android:padding="5dp"
android:paddingBottom="5dp"
android:paddingTop="5dp"
android:textSize="15sp" />
</RelativeLayout>
</TableRow>
<TableRow
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#d8d5d5"
android:paddingBottom="5dp"
android:paddingTop="5dp">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:id="@+id/phoneIcon"
android:layout_width="30dp"
android:layout_height="40dp"
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:paddingRight="3dp"
android:src="@drawable/phoneiconoriginal" />
<TextView
android:id="@+id/info_phone"
android:layout_width="320dp"
android:layout_height="40dp"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_span="2"
android:ems="10"
android:padding="5dp"
android:paddingBottom="5dp"
android:paddingTop="5dp"
android:textSize="15sp" />
</RelativeLayout>
</TableRow>
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="2"
android:orientation="horizontal">
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:orientation="horizontal">
<ImageView
android:id="@+id/userIcon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignBottom="@+id/info_firstName"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:background="#a8a8a8"
android:paddingRight="3dp"
android:src="@drawable/namelogo" />
<TextView
android:id="@+id/info_firstName"
android:layout_width="match_parent"
android:layout_height="45dp"
android:layout_alignParentTop="true"
android:layout_span="2"
android:layout_toEndOf="@+id/userIcon"
android:layout_toRightOf="@+id/userIcon"
android:background="#a8a8a8"
android:ems="10"
android:padding="5dp"
android:paddingBottom="5dp"
android:paddingTop="5dp"
android:textSize="15sp" />
</LinearLayout>
<LinearLayout
android:id="@+id/splitter"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_marginLeft="1dp"
android:layout_marginRight="1dp"
android:layout_toEndOf="@+id/info_firstName"
android:layout_toRightOf="@+id/info_firstName"
android:layout_weight="1"
android:background="#FFFFFF"
android:orientation="horizontal">
<TextView
android:id="@+id/info_lastName"
android:layout_width="match_parent"
android:layout_height="45dp"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:layout_span="2"
android:layout_toEndOf="@+id/splitter"
android:layout_toRightOf="@+id/splitter"
android:background="#a8a8a8"
android:ems="10"
android:padding="5dp"
android:paddingBottom="5dp"
android:paddingTop="5dp"
android:textSize="15sp" />
</LinearLayout>
</LinearLayout>
</TableLayout>
</ScrollView>
</LinearLayout>
</RelativeLayout>
答案 1 :(得分：2)
您可以使用不同的方法来实现它。
-
您可以为不同的分辨率创建不同的布局。
-
您可以为不同的分辨率创建不同的dimen文件夹。
内部值 - 默认
<?xml version="1.0" encoding="utf-8"?>
<resources>
<dimen name="width">100dp</dimen>
</resources>
值-MDPI 价值观sw320dp 价值观sw480dp 价值观sw600dp 值-sw720dp
在所有这些文件夹和主要布局中定义不同的宽度
机器人：layout_width =＆＃34; @扪/宽度＆＃34;
答案 2 :(得分：-1)
我建议您阅读此blog:，这是一篇关于手机匹配大小的好文章。你可以得到一些东西
最新问题
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？