允许TextView在屏幕之外

时间:2015-07-19 17:29:02

标签: android xml android-layout android-activity

我希望我的TextView可以横向移出屏幕(并且还禁用水平滚动条),例如:

enter image description here

但是,我现在拥有的XML会使它自动适合父级,例如:

enter image description here

代码

<RelativeLayout xmlns:tools="http://schemas.android.com/tools"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/parentlayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#fff">

    <TextView
        android:layout_marginTop="30px"
        android:id="@+id/tab1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="hello1"
        android:textColor="#1089F9"
        android:textSize="40sp"
        android:layout_marginLeft="20dp"
        android:layout_marginBottom="5dp"/>

    <TextView
        android:layout_marginTop="30px"
        android:id="@+id/tab2"
        android:layout_toRightOf="@+id/tab1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="hello2"
        android:textColor="#1089F9"
        android:textSize="40sp"
        android:layout_marginLeft="50dp"
        android:layout_marginBottom="5dp"/>

    <TextView
        android:layout_marginTop="30px"
        android:id="@+id/tab3"
        android:layout_toRightOf="@+id/tab2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="hello3"
        android:textColor="#1089F9"
        android:textSize="40sp"
        android:layout_marginLeft="50dp"
        android:layout_marginBottom="5dp"/>

</RelativeLayout>

如何更改代码以获取第一张图片中显示的布局?如果文本视图不在父文件中,只需剪切它即可。

编辑:尝试过LinearLayout。它没有工作

<LinearLayout xmlns:tools="http://schemas.android.com/tools"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/parentlayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#fff"
    android:orientation="horizontal">

    <TextView
        android:layout_marginTop="30px"
        android:id="@+id/tab1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="hello1"
        android:textColor="#1089F9"
        android:textSize="40sp"
        android:layout_marginLeft="20dp"
        android:layout_marginBottom="5dp"/>

    <TextView
        android:layout_marginTop="30px"
        android:id="@+id/tab2"
        android:layout_toRightOf="@+id/tab1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="hello2"
        android:textColor="#1089F9"
        android:textSize="40sp"
        android:layout_marginLeft="50dp"
        android:layout_marginBottom="5dp"/>

    <TextView
        android:layout_marginTop="30px"
        android:id="@+id/tab3"
        android:layout_toRightOf="@+id/tab2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="hello3"
        android:textColor="#1089F9"
        android:textSize="40sp"
        android:layout_marginLeft="50dp"
        android:layout_marginBottom="5dp"/>

</LinearLayout>

2 个答案:

答案 0 :(得分:0)

只需使用LinearLayout代替RelativeLayout,然后将方向设置为水平。

EDITED

    <LinearLayout xmlns:tools="http://schemas.android.com/tools"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/parentlayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#fff"
    android:orientation="horizontal">

    <TextView
        android:id="@+id/tab1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="hello1"
        android:textColor="#1089F9"
        android:textSize="40sp"
        android:maxLines="1"
        android:layout_marginLeft="20dp"
        android:layout_marginBottom="5dp"/>

    <TextView
        android:layout_marginTop="30px"
        android:id="@+id/tab2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="hello2"
        android:textColor="#1089F9"
        android:textSize="40sp"
        android:maxLines="1"
        android:layout_marginLeft="50dp"
        android:layout_marginBottom="5dp"/>

    <TextView
        android:layout_marginTop="30px"
        android:id="@+id/tab3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="hello3"
        android:textColor="#1089F9"
        android:textSize="40sp"
        android:maxLines="1"
        android:layout_marginLeft="50dp"
        android:layout_marginBottom="5dp"/>
</LinearLayout>

答案 1 :(得分:0)

尝试在3 TextView上使用此属性

android:maxLines="1"

设置maxLines =&#34; 1&#34;我得到了这个结果

enter image description here