我正在尝试创建一个Android布局,其中我在一个滚动视图中直接在其右侧有一个imageview以及两列textview。
像用户个人资料图片和基本信息布局一样思考。
我已经创建了一个我想要实现的线框,不幸的是我似乎无法将imageview的布局 - textview - textview正确。
我所做的一切。
EDIT 这就是我没有运气的尝试:
<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:scrollbars="none"
android:layout_weight="1">
<LinearLayout
android:layout_width="0dp"
android:layout_height="wrap_content"
android:weightSum="1"
android:orientation="horizontal">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:weight="0.4"
android:src="@drawable/profileImg" />
<LinearLayout
android:weight="0.6"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:weightSum="1"
android:orientation="vertical">
<RelativeLayout
android:weight="0.25">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="10sp"
android:text="User ID"
android:textColor="#fff" />
<TextView
android:id="@+id/pUID"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="10sp"
android:text="pUID"
android:textColor="#fff" />
</RelativeLayout>
<RelativeLayout
android:weight="0.25">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="10sp"
android:text="Full Name"
android:textColor="#fff" />
<TextView
android:id="@+id/fName"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="10sp"
android:text="fName"
android:textColor="#fff" />
</RelativeLayout>
<RelativeLayout
android:weight="0.25">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="10sp"
android:text="Age"
android:textColor="#fff" />
<TextView
android:id="@+id/pAge"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="10sp"
android:text="pAge"
android:textColor="#fff" />
</RelativeLayout>
<RelativeLayout
android:weight="0.25">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="10sp"
android:text="Date of Birth"
android:textColor="#fff" />
<TextView
android:id="@+id/pDOB"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:textSize="10sp"
android:text="pDOB"
android:textColor="#fff" />
</RelativeLayout>
</LinearLayout>
</LinearLayout>
</ScrollView>
答案 0 :(得分:2)
尝试使用下一个XML file
:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scrollbars="none">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center_vertical|center_horizontal"
android:layout_marginTop="20dp"
android:layout_marginBottom="20dp">
<TextView
android:text="TextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/textView48"
android:textSize="24sp"/>
</LinearLayout>
<LinearLayout
android:weight="0.6"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">
<LinearLayout
android:orientation="horizontal"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="0.30">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:weight="0.4"
android:src="@drawable/profileImg"
android:layout_marginLeft="10dp"/>
</LinearLayout>
<LinearLayout
android:weight="0.25"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="0.70">
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1">
<LinearLayout
android:weight="0.25"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:layout_marginLeft="10dp">
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="TextView"
android:textColor="#000"
android:textSize="24sp"/>
</LinearLayout>
<LinearLayout
android:weight="0.25"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:layout_marginLeft="10dp">
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:textSize="24sp"
android:text="TextView"
android:textColor="#000" />
</LinearLayout>
<LinearLayout
android:weight="0.25"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:layout_marginLeft="10dp">
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:textSize="24sp"
android:text="TextView"
android:textColor="#000" />
</LinearLayout>
</LinearLayout>
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1">
<LinearLayout
android:weight="0.25"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:layout_marginLeft="10dp">
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="TextView"
android:textColor="#000"
android:textSize="24sp"/>
</LinearLayout>
<LinearLayout
android:weight="0.25"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:layout_marginLeft="10dp">
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:textSize="24sp"
android:text="TextView"
android:textColor="#000" />
</LinearLayout>
<LinearLayout
android:weight="0.25"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:layout_marginLeft="10dp">
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:textSize="24sp"
android:text="TextView"
android:textColor="#000" />
</LinearLayout>
</LinearLayout>
</LinearLayout>
</LinearLayout>
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center_vertical|center_horizontal">
<TextView
android:text="TextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/textView83"
android:layout_marginBottom="20dp"
android:layout_marginTop="20dp"
android:textSize="18sp"/>
</LinearLayout>
</LinearLayout>
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center_vertical|center_horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextViewb"
android:textColor="#000"
android:textSize="24sp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextViewc"
android:textColor="#000"
android:textSize="24sp"
android:layout_marginTop="20dp"/>
</LinearLayout>
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center_vertical|center_horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextViewd"
android:textColor="#000"
android:textSize="24sp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextViewe"
android:textColor="#000"
android:textSize="24sp"
android:layout_marginTop="20dp"/>
</LinearLayout>
</LinearLayout>
</LinearLayout>
</ScrollView>
</LinearLayout>
<强>输出强>
答案 1 :(得分:0)
RelativeLayout
和2 ImageView
的 LinearLayout
。 LinearLayouts
将包含TextViews
。
ImageView
将为allignParentLeft
,其他两个布局的权重为1,布局位于图片视图的左侧。