小部件在相对布局中彼此相邻

玩笑

我有带有卡片视图的recyclerView。

在cardView布局中,我要在心脏图像旁边添加文本并共享图像。我想如果文本很长,那么不要在心脏图像后面,而是应该换行。现在,它无法按我的意愿工作。另外,在其他卡片视图中,我的心脏图像有时会比其他心脏更大。

这是一个示例(上方的心和共享大于下方的心,我想要所有的心并共享相同大小的图像): 在此处输入图片说明

我的卡视图布局代码:

<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<LinearLayout
    android:id="@+id/map"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#FCFCFC"
    tools:context="showresultactivity.SlideTabsActivity">


    <android.support.v7.widget.CardView
        android:id="@+id/cardView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:cardCornerRadius="3dp"
        app:cardElevation="1dp"
        android:layout_margin="5dp"
        app:cardPreventCornerOverlap="false">

        <RelativeLayout
            android:id="@+id/relativeLayout"
            android:padding="8dp"
            android:layout_width="match_parent"
            android:layout_height="match_parent">


            <ImageView
                android:id="@+id/imagesSrcUrl"
                android:layout_width="100dp"
                android:layout_height="100dp"
                android:src="@drawable/ic_launcher"
                android:scaleType="centerCrop" />


            <TextView
                android:id="@+id/someText2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignStart="@+id/someText"
                android:layout_below="@id/street"
                android:text="some"
                android:textSize="20dp"
                android:textStyle="bold" />


            <TextView

                android:id="@+id/someText"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_toRightOf="@+id/imagesSrcUrl"
                android:layout_below="@id/someText2"
                android:textSize="12dp"
                android:text="some text "
                android:layout_marginLeft="10dp"
                android:layout_marginTop="5dp"
                />

            <TextView
                android:id="@+id/street"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="12dp"
                android:layout_alignParentTop="true"
                android:layout_alignRight="@id/cardViewLike"
                android:layout_toRightOf="@+id/imagesSrcUrl"
                android:text="asdasd sd sd ad ssssssowiskifd sdf"
                android:layout_marginTop="5dp"
                android:layout_marginLeft="10dp"
                android:drawableLeft="@drawable/custom_size_icon_next_to_text"
                android:textAlignment="gravity"
                />
            <ImageView
                android:id="@+id/cardViewLikeRed"
                android:layout_width="35dp"
                android:layout_height="35dp"
                android:layout_alignBottom="@+id/street"
                android:layout_alignParentEnd="true"
                android:layout_alignParentTop="true"
                android:layout_marginEnd="35dp"
                android:src="@drawable/ic_heart_red"
                />
            <ImageView
                android:id="@+id/cardViewLike"
                android:layout_width="35dp"
                android:layout_height="35dp"
                android:layout_alignBottom="@+id/street"
                android:layout_alignParentTop="true"
                android:layout_alignParentEnd="true"
                android:layout_marginEnd="35dp"
                android:src="@drawable/ic_heart_white"
                />

            <ImageView
                android:id="@+id/cardViewShare"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentEnd="true"
                android:layout_alignBottom="@+id/street"
                android:background="@null"
                android:tintMode="src_over"
                android:src="@drawable/ic_share" />





        </RelativeLayout>
    </android.support.v7.widget.CardView>



</LinearLayout>

有时候这种情况会发生:

在此处输入图片说明

文字在我的图片下面,但随后应该换行。

博格丹·乌斯季亚克(Bogdan Ustyak)

您需要更改街道TextView的相对规则

尝试添加以下内容:

android:layout_toEndOf="@+id/imagesSrcUrl"
android:layout_toLeftOf="@+id/cardViewLikeRed"
android:layout_toRightOf="@+id/imagesSrcUrl"
android:layout_toStartOf="@+id/cardViewLikeRed"

因此,您的TextView应该如下所示:

 <TextView
                    android:id="@+id/street"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentTop="true"
                    android:layout_marginLeft="10dp"
                    android:layout_marginTop="5dp"
                    android:layout_toEndOf="@+id/imagesSrcUrl"
                    android:layout_toLeftOf="@+id/cardViewLikeRed"
                    android:layout_toRightOf="@+id/imagesSrcUrl"
                    android:layout_toStartOf="@+id/cardViewLikeRed"
                    android:drawableLeft="@drawable/custom_size_icon_next_to_text"
                    android:text="asdasd sd sd ad ssdsdhjshjshkkljkljkljkljlkjkljlkjkljlkjlkjlkjlkjlkjlkjlkjlkjlkjlkjlkjlkjlkjlkjlkjlkjlkjljlkjlkjlkjkljlkjlkjlkjlkjlkjlkjlkjlkjlkjlkjlkjlkjljlkjlkjdjkshjdhsdjkhjkdshfjksdhfssssowiskifd sdf"
                    android:textAlignment="gravity"
                    android:textSize="12dp" />

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何布局彼此相邻但重叠的小部件

来自分类Dev

在Flutter中将小部件彼此相邻放置

来自分类Dev

在自定义wxWidgets小部件中彼此相邻的两个按钮

来自分类Dev

如何正确使用QGridLayout在Qt5中彼此相邻添加小部件

来自分类Dev

Tkinter窗口小部件彼此相邻并位于下方

来自分类Dev

如何将小部件彼此相邻放置?

来自分类Dev

如何使小部件在浮动中彼此浮动

来自分类Dev

在XML中,如何将两个元素(或小部件)与相对布局右对齐?

来自分类Dev

通知相邻小部件

来自分类Dev

小部件在相对布局android中被surfaceview移动

来自分类Dev

多个布局中的表单小部件“ id”

来自分类Dev

列布局中的底部小部件溢出?

来自分类Dev

Qt小部件在布局中重叠

来自分类Dev

在PyQt中删除小部件和布局

来自分类Dev

在xml布局中添加小部件

来自分类Dev

QStackedWidget中的小部件共享的布局

来自分类Dev

相对定位小部件

来自分类Dev

小部件在GridLayout PySide2中彼此重叠

来自分类Dev

为什么小部件在tkinter画布中彼此堆叠?

来自分类Dev

Android相对布局-根据另一个小部件的可见性对齐小部件父级

来自分类Python

清除pyqt中布局中的所有小部件

来自分类Dev

如何使用相对布局将小部件约束到末尾和顶部

来自分类Dev

锚点布局以在屏幕上的相对位置显示许多小部件

来自分类Dev

Qt Designer 使小部件与布局中的另一个小部件重叠

来自分类Dev

如何布局 GridView.count 以便小部件从 Flutter 中父小部件的顶部开始构建?

来自分类Dev

我如何堆叠窗口小部件彼此重叠的小部件

来自分类Java

在Vaadin Flow中的布局内居中小部件

来自分类Dev

Android滚动视图在布局中隐藏顶部小部件

来自分类Dev

如何在javascript中编辑/覆盖小部件的布局?

Related 相关文章

  1. 1

    如何布局彼此相邻但重叠的小部件

  2. 2

    在Flutter中将小部件彼此相邻放置

  3. 3

    在自定义wxWidgets小部件中彼此相邻的两个按钮

  4. 4

    如何正确使用QGridLayout在Qt5中彼此相邻添加小部件

  5. 5

    Tkinter窗口小部件彼此相邻并位于下方

  6. 6

    如何将小部件彼此相邻放置?

  7. 7

    如何使小部件在浮动中彼此浮动

  8. 8

    在XML中,如何将两个元素(或小部件)与相对布局右对齐?

  9. 9

    通知相邻小部件

  10. 10

    小部件在相对布局android中被surfaceview移动

  11. 11

    多个布局中的表单小部件“ id”

  12. 12

    列布局中的底部小部件溢出?

  13. 13

    Qt小部件在布局中重叠

  14. 14

    在PyQt中删除小部件和布局

  15. 15

    在xml布局中添加小部件

  16. 16

    QStackedWidget中的小部件共享的布局

  17. 17

    相对定位小部件

  18. 18

    小部件在GridLayout PySide2中彼此重叠

  19. 19

    为什么小部件在tkinter画布中彼此堆叠?

  20. 20

    Android相对布局-根据另一个小部件的可见性对齐小部件父级

  21. 21

    清除pyqt中布局中的所有小部件

  22. 22

    如何使用相对布局将小部件约束到末尾和顶部

  23. 23

    锚点布局以在屏幕上的相对位置显示许多小部件

  24. 24

    Qt Designer 使小部件与布局中的另一个小部件重叠

  25. 25

    如何布局 GridView.count 以便小部件从 Flutter 中父小部件的顶部开始构建?

  26. 26

    我如何堆叠窗口小部件彼此重叠的小部件

  27. 27

    在Vaadin Flow中的布局内居中小部件

  28. 28

    Android滚动视图在布局中隐藏顶部小部件

  29. 29

    如何在javascript中编辑/覆盖小部件的布局?

热门标签

归档