2016-03-01 33 views
0

这是我想最终达到的目标:的TextView允许文本到下面去同行的TextView从第二行中的Andorid

http://i.stack.imgur.com/YO61r.jpg

我们如何能达到这种布局,像文本换行到其他的TextView?

下面是我目前的布局,但没有被预期:

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout 
    android:id="@+id/containerLayout" 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="@drawable/abc_list_selector_holo_dark" 
    android:gravity="center_vertical" 
    android:minHeight="52dp" 
    android:paddingLeft="8dp" 
    android:paddingRight="18dp"> 

    <LinearLayout 
     android:layout_width="0dp" 
     android:layout_height="match_parent" 
     android:layout_weight="1" 
     android:background="@color/add_ticket_hint_gray" 
     android:gravity="top" 
     android:orientation="horizontal" 
     android:paddingBottom="17dp" 
     android:paddingTop="17dp"> 

     <TextView 
      android:id="@+id/tv_job_name" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:background="@android:color/transparent" 
      android:textColor="@color/app_blue" 
      android:textSize="14dp"/> 
    </LinearLayout> 

    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:layout_marginLeft="7dp" 
     android:background="@color/add_ticket_hint_gray" 
     android:gravity="top" 
     android:orientation="horizontal" 
     android:paddingBottom="17dp" 
     android:paddingTop="17dp"> 

     <TextView 
      android:id="@+id/tv_count" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:background="@android:color/transparent" 
      android:maxLength="4" 
      android:minEms="2" 
      android:singleLine="true" 
      android:text="x2" 
      android:textColor="@color/fix_job_price_light_gray" 
      android:textSize="14dp"/> 
    </LinearLayout> 

    <LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:layout_marginLeft="5dp" 
     android:background="@color/add_ticket_hint_gray" 
     android:gravity="top|right" 
     android:paddingBottom="17dp" 
     android:paddingTop="17dp"> 

     <TextView 
      android:id="@+id/tv_job_price" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:background="@android:color/transparent" 
      android:ellipsize="marquee" 
      android:gravity="right" 
      android:inputType="number|numberDecimal" 
      android:marqueeRepeatLimit="marquee_forever" 
      android:maxLength="8" 
      android:minEms="3" 
      android:singleLine="true" 
      android:text="$1" 
      android:textColor="@color/fix_job_opt_gray" 
      android:textSize="14dp"/> 
    </LinearLayout> 
</LinearLayout> 

这种布局不允许我第二个行之后显示其他的TextView下面的文字。

+0

你有什么做了吗?请添加至少一个剪切代码,研究链接,...。 –

+0

是的,我已经添加了剪切代码 –

+0

请清楚你想要什么,因为回答中的意见是不同的。编辑你的问题。 –

回答

0

enter image description here

我想你想这

<FrameLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <LinearLayout 
     android:layout_width="360dp" 
     android:layout_height="100dp" 
     android:background="#ff0000" 
     android:id="@+id/page1" 
     android:orientation="vertical"> 

    <TextView 
     android:layout_width="120dp" 
     android:layout_height="30dp" 
     android:padding="5dp" 
     android:text="Textview-1"/> 

    <TextView 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_marginTop="20dp" 
     android:padding="5dp" 
     android:text="tab-1 content"/> 
    </LinearLayout> 


    <LinearLayout 
     android:layout_width="360dp" 
     android:layout_height="100dp" 
     android:background="#00ff00" 
     android:id="@+id/page2" 
     android:orientation="vertical"> 

    <TextView 
     android:layout_width="120dp" 
     android:layout_height="30dp" 
     android:layout_marginLeft="120dp" 
     android:padding="5dp" 
     android:text="Textview-2"/> 

    <TextView 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_marginTop="20dp" 
     android:padding="5dp" 
     android:text="tab-2 content"/> 
    </LinearLayout> 


    <LinearLayout 
     android:layout_width="360dp" 
     android:layout_height="100dp" 
     android:background="#0000ff" 
     android:id="@+id/page3" 
     android:orientation="vertical"> 

    <TextView 
     android:layout_width="120dp" 
     android:layout_height="30dp" 
     android:layout_marginLeft="240dp" 
     android:padding="5dp" 
     android:text="Textview-3"/> 

    <TextView 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_marginTop="20dp" 
     android:padding="5dp" 
     android:text="tab-3 content"/> 
    </LinearLayout> 
    <LinearLayout 
     android:layout_width="360dp" 
     android:layout_height="31dp" 
     android:orientation="horizontal"> 
    <LinearLayout 
     android:layout_width="119.3dp" 
     android:layout_height="31dp" 
     android:orientation="vertical"> 
     <TextView 
      android:layout_width="120dp" 
      android:layout_height="30dp" 
      android:padding="5dp" 
      android:text="Textview-1"/> 
     <View 
      android:layout_width="120dp" 
      android:layout_height="1dp" 
      android:background="#000000"/> 
    </LinearLayout> 
    <View 
     android:layout_width="1dp" 
     android:layout_height="31dp" 
     android:background="#000000"/> 
    <LinearLayout 
     android:layout_width="119.3dp" 
     android:layout_height="31dp" 
     android:orientation="vertical"> 
     <TextView 
      android:layout_width="120dp" 
      android:layout_height="30dp" 
      android:padding="5dp" 
      android:text="Textview-2"/> 
     <View 
      android:layout_width="120dp" 
      android:layout_height="1dp" 
      android:background="#000000"/> 
    </LinearLayout> 
    <View 
     android:layout_width="1dp" 
     android:layout_height="31dp" 
     android:background="#000000"/> 

    <LinearLayout 
     android:layout_width="119.3dp" 
     android:layout_height="31dp" 
     android:visibility="gone" 
     android:orientation="vertical"> 
     <TextView 
      android:layout_width="120dp" 
      android:layout_height="30dp" 
      android:padding="5dp" 
      android:text="Textview-3"/> 
     <View 
      android:layout_width="120dp" 
      android:layout_height="1dp" 
      android:background="#000000"/> 
    </LinearLayout> 

    </LinearLayout> 

</FrameLayout> 

,并更改可见,当人们点击按钮

+0

文本中没有“\ n”,如果文本不适合分配区域,则它会转到下一行,这是正常行为,但现在我想从第二行文本转到其他2个文本视图。 –

+0

在图片绘制时我改变了我的提交。想要帮助^ 0^ – user3682351

+0

如果您需要clicklistener代码,我可以向您展示整个代码。 – user3682351

0

尝试是这样的

<?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="match_parent" 
    android:padding="30dp" 
    > 
<TextView 
    android:id="@+id/container" 
    android:text="Textview - 1" 
    android:background="#aa0000" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" /> 
<TextView 
    android:id="@+id/tv3" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:background="#aaaa00" 
    android:padding="10dp" 
    android:layout_alignRight="@+id/container" 
    android:layout_alignTop="@+id/container" 
    android:text="Textview - 3"/> 
    <TextView 
     android:id="@+id/tv2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:background="#aa00aa" 
     android:text="Textview - 2" 
     android:padding="10dp" 
     android:layout_alignTop="@+id/container" 
     android:layout_toLeftOf="@+id/tv3" 
     /> 

    </RelativeLayout> 
+0

这不是一个工作,“容器”textview隐藏在其他2 textview下。 –

+0

您可以在第一行和第二行之间使用\ n。它会阻止文本(第一行)低于其他两个文本视图 –

+0

,我需要在原始文本中添加“\ n”,我们如何决定?因为我们是设备的大小,它不像我们在几次修复字符后添加\ n。 –

相关问题