gpt4 book ai didi

android - 如何以列、2 行格式设计我的表格布局?

转载 作者:行者123 更新时间:2023-11-30 04:29:39 24 4
gpt4 key购买 nike

嗨, friend 们,我希望在表格布局中设计我的 xml,但是,我很困惑..现在我发布了我当前的输出和屏幕截图以及预期的屏幕截图。请帮助我...如何创建我期望的设计...请指导我...

源代码:xml

    <?xml version="1.0" encoding="utf-8"?>
<ScrollView
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TableLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:stretchColumns="0">
<TableRow>
<View
android:layout_height="80px"
android:background="@drawable/m7"/>
<TextView android:text="Name: Tom"
android:paddingLeft="4px"
android:layout_gravity="center_vertical" />
<TextView android:text="Name: Tom1"
android:paddingLeft="4px"

android:layout_gravity="right|center_vertical" />
</TableRow>
<TableRow>
<View
android:layout_height="80px"
android:background="@drawable/m6" />
<TextView android:text="Name: Ronald Joy"
android:paddingLeft="4px"
android:layout_gravity="center_vertical" />
</TableRow>
<TableRow>
<View
android:layout_height="80px"
android:background="@drawable/m5" />
<TextView android:text="Name: Thomas"
android:paddingLeft="4px"
android:layout_gravity="center_vertical" />
</TableRow>
<TableRow>
<View
android:layout_height="80px"
android:background="@drawable/m4" />
<TextView android:text="Name: Steve"
android:paddingLeft="4px"
android:layout_gravity="center_vertical" />
</TableRow>
<TableRow>
<View
android:layout_height="80px"
android:background="@drawable/m3" />
<TextView android:text="Name: Jurjen"
android:paddingLeft="4px"
android:layout_gravity="center_vertical" />
</TableRow>
<TableRow>
<View
android:layout_height="80px"
android:background="@drawable/m2" />
<TextView android:text="Name: Gabriel"
android:paddingLeft="4px"
android:layout_gravity="center_vertical" />

</TableRow><TableRow>
<View
android:layout_height="80px"

android:background="@drawable/m1" />
<TextView android:text="Name: Abrahem"
android:paddingLeft="4px"
android:layout_gravity="center_vertical" />
</TableRow>
</TableLayout>
</ScrollView>

enter image description here预期设计:- enter image description here

enter image description here

最佳答案

希望这会有所帮助。

<TableLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@android:color/darker_gray"
android:padding="10dp">

<TableRow
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal" >

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@android:color/white">

<ImageView
android:id="@+id/imgPicture4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:focusable="true"
android:src="@drawable/icon" >
</ImageView>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="left"
android:orientation="vertical"
android:paddingLeft="10dp" >

<TextView
android:id="@+id/TextView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Name : Tom"
android:textColor="@android:color/black" >
</TextView>

<TextView
android:id="@+id/TextView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Company : TCS"
android:textColor="@android:color/black" >
</TextView>

<TextView
android:id="@+id/TextView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Phone : 12345"
android:textColor="@android:color/black" >
</TextView>
</LinearLayout>
</LinearLayout>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:background="@android:color/white">

<ImageView
android:id="@+id/imgPicture4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:focusable="true"
android:src="@drawable/icon" >
</ImageView>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="left"
android:orientation="vertical"
android:paddingLeft="10dp" >

<TextView
android:id="@+id/TextView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Name : Tom"
android:textColor="@android:color/black" >
</TextView>

<TextView
android:id="@+id/TextView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Company : Infosys"
android:textColor="@android:color/black" >
</TextView>

<TextView
android:id="@+id/TextView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Phone : 45678"
android:textColor="@android:color/black" >
</TextView>
</LinearLayout>
</LinearLayout>
</TableRow>

<TableRow
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:gravity="center_horizontal" >

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@android:color/white">

<ImageView
android:id="@+id/imgPicture4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:focusable="true"
android:src="@drawable/icon" >
</ImageView>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="left"
android:orientation="vertical"
android:paddingLeft="10dp" >

<TextView
android:id="@+id/TextView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Name : Tom"
android:textColor="@android:color/black" >
</TextView>

<TextView
android:id="@+id/TextView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Company : TCS"
android:textColor="@android:color/black" >
</TextView>

<TextView
android:id="@+id/TextView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Phone : 12345"
android:textColor="@android:color/black" >
</TextView>
</LinearLayout>
</LinearLayout>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:background="@android:color/white">

<ImageView
android:id="@+id/imgPicture4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:focusable="true"
android:src="@drawable/icon" >
</ImageView>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="left"
android:orientation="vertical"
android:paddingLeft="10dp" >

<TextView
android:id="@+id/TextView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Name : Tom"
android:textColor="@android:color/black" >
</TextView>

<TextView
android:id="@+id/TextView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Company : Infosys"
android:textColor="@android:color/black" >
</TextView>

<TextView
android:id="@+id/TextView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Phone : 45678"
android:textColor="@android:color/black" >
</TextView>
</LinearLayout>
</LinearLayout>
</TableRow>

</TableLayout>

关于android - 如何以列、2 行格式设计我的表格布局?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7928195/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com