我该如何设置这个布局?

发布于 2024-12-07 08:05:50 字数 2409 浏览 1 评论 0原文

我想做一个相当复杂的布局。有人可以帮助我,如何做我的layout.xml?

布局图像

第 1 号是布局(表格、线性等)
第 2 号是我的列表视图,包含一行 list_details.xml

编辑:到目前为止我设法完成了第一部分

<TableLayout android:layout_height="wrap_content" android:layout_width="fill_parent">
        <TableRow android:layout_width="wrap_content" android:stretchColumns="0,2" android:layout_marginTop="2sp" android:layout_height="wrap_content" >
            <TextView android:id="@+id/homeTeam" android:layout_weight="2" android:paddingRight="4sp"/>
            <TextView android:text="Vs" android:layout_weight="0" />
            <TextView android:id="@+id/awayTeam" android:layout_weight="2" android:gravity="right" android:paddingLeft="4sp"/>
        </TableRow>
</TableLayout>
    <ListView android:id="@id/android:list"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
    </ListView>

编辑:

嗯,我可能没有很好地解释我想做什么。这是我的应用程序的屏幕截图 我当前的布局

我希望各列对齐。到目前为止我正在使用这个xml

<?xml version="1.0" encoding="utf-8"?> 
<TableLayout android:layout_height="wrap_content" android:layout_width="match_parent" android:stretchColumns="0,4" xmlns:android="http://schemas.android.com/apk/res/android">
    <TableRow android:layout_width="wrap_content" android:layout_height="wrap_content">
        <TextView   android:id="@+id/ll_playerHome" android:layout_weight="0.5"     android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="12sp"/>
        <ImageView  android:id="@+id/ll_eventHome"  android:layout_width="wrap_content" android:layout_height="wrap_content"/>
        <TextView   android:id="@+id/ll_minute"     android:layout_weight="0"       android:layout_width="wrap_content" android:layout_height="wrap_content"/>
        <ImageView  android:id="@+id/ll_eventAway"  android:layout_width="wrap_content" android:layout_height="wrap_content"/>
        <TextView   android:id="@+id/ll_playerAway" android:layout_weight="0.5"     android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="right" android:textSize="12sp"/>
    </TableRow>
</TableLayout>

I would like to make a rather complex layout. Can someone help me, as how to do my layout.xml ?

Layout image

No. 1 is a Layout (Table, Linear etc)
No. 2 is my listview, containing a row of list_details.xml

Edit: so far I managed to do the first part

<TableLayout android:layout_height="wrap_content" android:layout_width="fill_parent">
        <TableRow android:layout_width="wrap_content" android:stretchColumns="0,2" android:layout_marginTop="2sp" android:layout_height="wrap_content" >
            <TextView android:id="@+id/homeTeam" android:layout_weight="2" android:paddingRight="4sp"/>
            <TextView android:text="Vs" android:layout_weight="0" />
            <TextView android:id="@+id/awayTeam" android:layout_weight="2" android:gravity="right" android:paddingLeft="4sp"/>
        </TableRow>
</TableLayout>
    <ListView android:id="@id/android:list"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
    </ListView>

EDIT:

Well i probably didn't explain well what i want to do. Here is a screenshot of my app
My current layout

I want the columns to align. So far i am using this xml

<?xml version="1.0" encoding="utf-8"?> 
<TableLayout android:layout_height="wrap_content" android:layout_width="match_parent" android:stretchColumns="0,4" xmlns:android="http://schemas.android.com/apk/res/android">
    <TableRow android:layout_width="wrap_content" android:layout_height="wrap_content">
        <TextView   android:id="@+id/ll_playerHome" android:layout_weight="0.5"     android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="12sp"/>
        <ImageView  android:id="@+id/ll_eventHome"  android:layout_width="wrap_content" android:layout_height="wrap_content"/>
        <TextView   android:id="@+id/ll_minute"     android:layout_weight="0"       android:layout_width="wrap_content" android:layout_height="wrap_content"/>
        <ImageView  android:id="@+id/ll_eventAway"  android:layout_width="wrap_content" android:layout_height="wrap_content"/>
        <TextView   android:id="@+id/ll_playerAway" android:layout_weight="0.5"     android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="right" android:textSize="12sp"/>
    </TableRow>
</TableLayout>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

那伤。 2024-12-14 08:05:50

这可能会起作用:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <LinearLayout android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:id="@+id/linearLayout1">
        <TextView android:layout_width="wrap_content" android:text="TextView"
            android:id="@+id/textView1" android:textAppearance="?android:attr/textAppearanceLarge"
            android:layout_height="wrap_content" android:layout_weight="1"
            android:gravity="center_horizontal"></TextView>
        <TextView android:text="TextView" android:id="@+id/textView2"
            android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:gravity="center_horizontal"></TextView>
        <TextView android:layout_width="wrap_content" android:text="TextView"
            android:id="@+id/textView3" android:textAppearance="?android:attr/textAppearanceLarge"
            android:layout_height="wrap_content" android:layout_weight="1"
            android:gravity="center_horizontal"></TextView>
    </LinearLayout>
    <LinearLayout android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:id="@+id/linearLayout2">
        <ListView android:layout_height="wrap_content" android:id="@+id/listView1"
            android:layout_weight="1" android:layout_width="fill_parent"></ListView>
        <TextView android:text="TextView" android:id="@+id/textView2"
            android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:gravity="center_horizontal"></TextView>
        <ListView android:layout_height="wrap_content" android:id="@+id/listView1"
            android:layout_weight="1" android:layout_width="fill_parent"></ListView>
    </LinearLayout>
</LinearLayout>

This might do the trick:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <LinearLayout android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:id="@+id/linearLayout1">
        <TextView android:layout_width="wrap_content" android:text="TextView"
            android:id="@+id/textView1" android:textAppearance="?android:attr/textAppearanceLarge"
            android:layout_height="wrap_content" android:layout_weight="1"
            android:gravity="center_horizontal"></TextView>
        <TextView android:text="TextView" android:id="@+id/textView2"
            android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:gravity="center_horizontal"></TextView>
        <TextView android:layout_width="wrap_content" android:text="TextView"
            android:id="@+id/textView3" android:textAppearance="?android:attr/textAppearanceLarge"
            android:layout_height="wrap_content" android:layout_weight="1"
            android:gravity="center_horizontal"></TextView>
    </LinearLayout>
    <LinearLayout android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:id="@+id/linearLayout2">
        <ListView android:layout_height="wrap_content" android:id="@+id/listView1"
            android:layout_weight="1" android:layout_width="fill_parent"></ListView>
        <TextView android:text="TextView" android:id="@+id/textView2"
            android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:gravity="center_horizontal"></TextView>
        <ListView android:layout_height="wrap_content" android:id="@+id/listView1"
            android:layout_weight="1" android:layout_width="fill_parent"></ListView>
    </LinearLayout>
</LinearLayout>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文