如何在 RecyclerView 项目模板中定位矢量图像

Question

有没有办法调整RecyclerView项目中菜单点的对齐方式，使其正好位于工具栏中溢出点的下方（即，在它应该在的原始位置）？ 我尝试调整项目权重，但没有奏效。

<LinearLayout
    android:id="@+id/ll_title"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:weightSum="100">
    <TextView android:id="@+id/rvitem_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:ellipsize="marquee"
        android:textColor="?android:attr/textColorPrimary"
        android:fadingEdge="horizontal"
        android:layout_weight="90"/>

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:contentDescription="More options"
        android:clickable="true"
        android:focusable="true"
        android:layout_gravity="end"
        android:src="@drawable/ic_more_vertical"
        android:background="@null"
        android:tint="?attr/colorOverflow"
        android:layout_weight="10"/>
</LinearLayout>

<TextView android:id="@+id/rvitem_subtitle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceMedium"
    android:ellipsize="marquee"
    android:textColor="?android:attr/textColorSecondary"
    android:layout_below="@id/ll_title"
    android:fadingEdge="horizontal" />

当前结果

预期结果

Answer 1

@MacaronLover，您通过分配weight使视图对齐的方法似乎是正确的方向。 我已经获取了您的 xml 文件并在此处进行了一些调整：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:orientation="horizontal"
  android:paddingStart="16dp"
  android:paddingTop="8dp"
  android:paddingEnd="8dp"
  android:paddingBottom="8dp">

<ImageView
    android:id="@+id/firstImage"
    android:layout_width="90dp"
    android:layout_height="90dp"
    tools:background="#000" />

<LinearLayout
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginStart="16dp"
    android:layout_marginEnd="8dp"
    android:layout_weight="1"
    android:orientation="vertical">

    <TextView
      android:id="@+id/titleText"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:textAppearance="?android:attr/textAppearanceLarge"
      tools:text="Title A" />

    <TextView
      android:id="@+id/subTitleText"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:textAppearance="?android:attr/textAppearanceMedium"
      tools:text="Subtitle A" />
  </LinearLayout>

<ImageView
    android:id="@+id/secondImage"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_vertical_dots" />

</LinearLayout>

这里的想法是将我们的视图与toolbar的填充对齐。 默认情况下，工具栏在开始和结束时设置16dp填充。 因此，首先在我们的视图中，我们将paddingStart和paddingEnd设置为16dp 。 现在，要调整垂直填充，我们将其设置为8dp因为它会随着顶部和下方的项目进行调整。 设置，parent 的orientation horizontal 。 然后，我们添加第一个ImageView并将其 layoutWidth/Height 设置为我们想要的值。 然后添加保存两个TextView的LinearLayout并将其orientation设置为vertical ，将layout_width为0dp并添加两个子 TextView。 然后最后添加溢出ImageView并提供属性。 由于我们将第一张图片和最后一张图片的尺寸设置为静态值，因此在绘制视图时，宽度首先分配给这些，其余的宽度转到 textview 容器 LinearLayout。 如果我们在附上的预览中注意到，最后可能会有更多的填充。 这是由于我们分配给第二个图像的dot图像 src。 它不会填充 ImageView，因此看起来像额外的填充。 我们可以通过调整父LinearLayout的paddingEnd值来调整它。 如果有任何混淆，请发表评论。

Answer 2

看到这张图片

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:layout_marginStart="10dp"
        android:orientation="vertical">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Title A"
            android:textSize="20sp"
            android:textColor="#000"
            android:textStyle="bold"/>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Subtitle A"
            android:textSize="17sp"
            android:textColor="#000" />

    </LinearLayout>

    <ImageView
        android:layout_width="40dp"
        android:padding="13dp"
        android:layout_height="match_parent"
        android:src="@drawable/ic_menu"/>

</LinearLayout>