使用嵌套的TextView限制Android水平ScrollView的宽度

时间:2016-12-10 16:22:50

标签: java android android-studio textview horizontalscrollview

我为列表视图的自定义适配器编写了以下代码。这是我的row_item.xml

<?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="wrap_content"
android:orientation="vertical"
android:padding="10dp">


<HorizontalScrollView
    android:layout_width="300dp"
    android:layout_height="24dp"
    android:id="@+id/horizontalScrollView">

    <TextView
        android:id="@+id/title"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="111111111111111111111111111111111111111111111111111111"
        android:textAppearance="@style/TextAppearance.AppCompat.Headline"
        android:layout_alignParentTop="true"
        android:layout_alignParentStart="true"
        android:scrollHorizontally="true"
        android:maxLines = "1"
        android:textSize="18sp" />

</HorizontalScrollView>



<TextView
    android:id="@+id/price"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/horizontalScrollView"
    android:layout_marginTop="5dp"
    android:text="$39.99"
    android:textColor="@android:color/black" />



<ImageView
    android:id="@+id/store"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_favorite_border_black_24dp"
    android:layout_centerVertical="true"
    android:layout_alignParentEnd="true"
    android:layout_marginEnd="16dp" />

</RelativeLayout>

我已将文本视图放在水平滚动视图中,因为很多文本项都很长。上面的代码确实使它从左向右滚动并将其限制为一行,但我希望scrollView在imageView之前结束。下面是所需功能的图片:

Visual Aid

然而,当我运行应用程序时,文本直接渗透到imageView的顶部。

有关如何纠正此问题的任何想法?

更新1:这是我目前得到的内容:

Visual Aid

1 个答案:

答案 0 :(得分:1)

这是因为RelativeLayout将它的视图放在另一个的顶部,当你滚动Horizo​​ntalScrollView时,你实际上正在重绘它,它被绘制在ImageView的顶部。

尝试用LinearLayout替换RelativeLayout并查看它是否已修复。

编辑: 我没看到下面的图片。 好吧,因为你使用相对布局,Horizo​​ntalScrollView的宽度是match_parent,并且视图在彼此的顶部透支。 尝试使用LinearLayout,宽度= 0px,权重= 1

编辑2: 好的,所以你想要价格 - Horizo​​ntalScreenView - ImageView? 这是整个代码只需复制并粘贴即可。

<?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="wrap_content"
android:orientation="horizontal"
android:padding="10dp">

<TextView
    android:id="@+id/price"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/horizontalScrollView"
    android:layout_marginTop="5dp"
    android:text="$39.99"
    android:textColor="@android:color/black" />

<HorizontalScrollView
    android:id="@+id/horizontalScrollView"
    android:layout_width="0px"
    android:layout_height="24dp"
    android:layout_weight="1">

    <TextView
        android:id="@+id/title"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentTop="true"
        android:maxLines="1"
        android:scrollHorizontally="true"

        android:text="111111111111111111111111111111111111111111111111111111"
        android:textAppearance="@style/TextAppearance.AppCompat.Headline"
        android:textSize="18sp" />

</HorizontalScrollView>


<ImageView
    android:id="@+id/store"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerVertical="true"
    android:src="@drawable/ic_favorite_border_black_24dp" />

</LinearLayout>