【问题标题】:TextView side by side in RelativeLayout在RelativeLayout中并排的TextView
【发布时间】:2014-07-20 16:06:28
【问题描述】:

Im 试图将两个宽度相同的文本视图并排放置在一个相对布局内。在它们之间,我制作了一个宽度为 1 dp 的视图来分隔文本视图。我已经尝试过 wrap_content 两者都行不通。文本视图在 id 中称为 headerText 和 headerText2。请帮帮我。

<?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:background="#ffffff"
android:orientation="vertical" >

<ImageView
    android:layout_width="fill_parent"
    android:layout_height="110dp"
    android:layout_weight="0.3"
    android:scaleType="fitXY"
    android:src="@drawable/hunters" />

<!-- <ScrollView -->
<!-- android:layout_width="match_parent" -->
<!-- android:layout_height="0dip" -->
<!-- android:layout_weight="0.7" > -->


<!-- <LinearLayout -->
<!-- android:layout_width="match_parent" -->
<!-- android:layout_height="wrap_content" -->
<!-- android:orientation="vertical" > -->


<!-- <TextView -->
<!-- android:layout_width="match_parent" -->
<!-- android:layout_height="50dp" -->
<!-- android:gravity="center" -->
<!-- android:textSize="16sp" -->
<!-- android:background="@drawable/btntop" -->
<!-- android:text="Tak for dit køb!" -->
<!-- android:textStyle="bold" -->
<!-- android:textColor="#D0703D" /> -->


<!-- <ir.zinutech.android.DenmarkHunters.widgets.ZinuTextView -->
<!-- android:layout_width="match_parent" -->
<!-- android:layout_height="wrap_content" -->
<!-- android:gravity="left" -->
<!-- android:paddingLeft="5dp" -->
<!-- android:textSize="16sp" -->
<!-- android:paddingTop="5dp" -->
<!-- android:text="Jagt Pro er app’en udviklet til dig, der som jæger gerne vil være opdateret på de nyeste jagttider, soltider og schweisshunderegistre m.m., og alt sammen ud fra din position." -->
<!-- android:textColor="#000000" /> -->
<!-- <ir.zinutech.android.DenmarkHunters.widgets.ZinuTextView -->
<!-- android:layout_width="match_parent" -->
<!-- android:layout_height="wrap_content" -->
<!-- android:gravity="left" -->
<!-- android:paddingLeft="5dp" -->
<!-- android:textSize="16sp" -->
<!-- android:paddingTop="5dp" -->
<!-- android:text="Teamet bag Jagt Pro arbejder hele tiden på at vidreudvikle app´en, så vi kan give vores kunder den bedst mulige brugeroplevelse." -->
<!-- android:textColor="#000000" /> -->


<!-- </LinearLayout> -->
<!-- </ScrollView> -->

<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="0dip"
    android:layout_weight="0.7" >

    <TextView
        android:id="@+id/headerText"
        android:layout_width="190dp"
        android:layout_height="50dp"
        android:background="@drawable/btntop"
        android:gravity="center"
        android:text="Danmarks\nJægerforbund"
        android:textColor="#D0703D"
        android:paddingTop="5dp"
        android:paddingBottom="5dp"
        android:paddingRight="5dp" 
        android:paddingLeft="5dp"
        android:textSize="16sp"
        android:textStyle="bold" />
 <View 
  android:background="#d3d3d3" 
  android:layout_height="50dp" 
  android:layout_width="1dp" 
  android:id="@+id/view" 
  android:layout_above="@+id/feedList" 
  android:layout_toRightOf="@+id/headerText"/>

    <ListView
        android:id="@+id/feedList"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/headerText"
        android:clipToPadding="false"
        android:fadingEdge="none"
        android:listSelector="@null"
        >
    </ListView>

    <TextView
        android:id="@+id/loaidingText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="Henter Nyheder..."
        android:textSize="16sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/headerText2"
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:layout_alignParentTop="true"
        android:layout_toEndOf="@+id/view"
        android:background="@drawable/btntop"
        android:gravity="center"
        android:layout_alignParentRight="true"
        android:paddingTop="5dp"
        android:paddingBottom="5dp"
        android:paddingRight="5dp" 
        android:paddingLeft="5dp"
        android:text="Jægernes\nMagasin"
        android:textColor="#454544"
        android:textSize="16sp"
        android:textStyle="bold"
/>

</RelativeLayout>

【问题讨论】:

  • 你还没有把问题说清楚。什么是你无法完成的?或者这段代码的实际结果是什么?
  • 你能提供一些图形解释吗?一些你想要的例子或图片..
  • 图片中的绿色框内。您可以看到两个列表视图。他们每个人都应该占据屏幕的一半。有些尺寸相同。希望你能理解。

标签: android xml


【解决方案1】:

在我看来,最简单的方法是将两个 TextView 包装在一个 LinearLayout 中,类似于:

It seems to me that the easiest way to go here is to just wrap the two TextViews in a LinearLayout, something like:

<?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:background="#ffffff"
    android:orientation="vertical" >

    <ImageView
        android:layout_width="fill_parent"
        android:layout_height="110dp"
        android:layout_weight="0.3"
        android:scaleType="fitXY"
        android:src="@drawable/hunters" />

    <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="0dip"
        android:layout_weight="0.7" >

        <LinearLayout
            android:id="@+id/LINEARLAYOUTIDGOESHERE"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:weightSum="2.0" >

            <TextView
                android:weight="1.0"
                android:id="@+id/headerText"
                android:layout_width="190dp"
                android:layout_height="50dp"
                android:background="@drawable/btntop"
                android:gravity="center"
                android:paddingBottom="5dp"
                android:paddingLeft="5dp"
                android:paddingRight="5dp"
                android:paddingTop="5dp"
                android:text="Danmarks\nJægerforbund"
                android:textColor="#D0703D"
                android:textSize="16sp"
                android:textStyle="bold" />

            <View
                android:id="@+id/view"
                android:layout_width="1dp"
                android:layout_height="50dp"
                android:layout_above="@+id/feedList"
                android:layout_toRightOf="@+id/headerText"
                android:background="#d3d3d3" />

            <TextView
                android:weight="1.0"
                android:id="@+id/headerText2"
                android:layout_width="wrap_content"
                android:layout_height="50dp"
                android:layout_alignParentRight="true"
                android:layout_alignParentTop="true"
                android:layout_toEndOf="@+id/view"
                android:background="@drawable/btntop"
                android:gravity="center"
                android:paddingBottom="5dp"
                android:paddingLeft="5dp"
                android:paddingRight="5dp"
                android:paddingTop="5dp"
                android:text="Jægernes\nMagasin"
                android:textColor="#454544"
                android:textSize="16sp"
                android:textStyle="bold" />
        </LinearLayout>

        <ListView
            android:id="@+id/feedList"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_below="@id/LINEARLAYOUTIDGOESHERE"
            android:clipToPadding="false"
            android:fadingEdge="none"
            android:listSelector="@null" >
        </ListView>

        <TextView
            android:id="@+id/loaidingText"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:text="Henter Nyheder..."
            android:textSize="16sp"
            android:textStyle="bold" />
    </RelativeLayout>

虽然我个人会放弃 RelativeLayout 以支持垂直布局的 LinearLayout,这样您就不必处理“下方布局”的东西。

希望有帮助!

【讨论】:

  • 稍作改动,就完成了这项工作。谢谢
  • 很高兴听到。抱歉,它相对未经测试,所以我很高兴这些变化是微不足道的。 :)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2015-11-02
  • 1970-01-01
  • 1970-01-01
  • 2018-07-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多