1

我在其中水平定向LinearLayout(左侧图像ImageViewTextView右侧文本)。我想将第一行TextView(即使它有多行)对齐到ImageView. 我怎样才能做到这一点?

我当前的代码,它集中整个TextView而不是第一行:

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

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

        <TextView
            android:duplicateParentState="true"
            android:gravity="center_vertical"
            style="@style/taskAddressText"
            android:id="@+id/task_address"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
</LinearLayout>
4

4 回答 4

1

您可以通过在运行时获取 ImageView 的高度将 TextView 的第一行设置为 ImageView 的中心,并将该高度分成 2 以获得 ImageView 的中心,然后将上边距或填充设置为 TextView,如下所示:

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

    <ImageView
        android:id="@+id/icon_distance"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:background="@color/colorPrimary"
        android:src="@mipmap/ic_launcher" />

    <TextView
        android:id="@+id/task_address"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="sample address "/>

</LinearLayout>

初始化视图并在运行时从 ImageView 高度设置 TextView 顶部填充

 iconDistance = (ImageView) findViewById(R.id.icon_distance);
 taskAddress = (TextView) findViewById(R.id.task_address);

 ViewTreeObserver vto = iconDistance.getViewTreeObserver();
 vto.addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
     public boolean onPreDraw() {
        iconDistance.getViewTreeObserver().removeOnPreDrawListener(this);
        int finalHeight = iconDistance.getMeasuredHeight();
        taskAddress.setPadding(0,(convertPixelsToDp(finalHeight)/2),0,0);
        return true;
     }
 });

将像素转换为dp

public int convertPixelsToDp(int px){
   DisplayMetrics metrics = getResources().getDisplayMetrics();
   return (int) (px / ((float)metrics.densityDpi / DisplayMetrics.DENSITY_DEFAULT));
}
于 2013-09-18T11:56:52.667 回答
0
<LinearLayout
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    android:orientation="horizontal"
    android:gravity="center_vertical">

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

        <TextView
            android:duplicateParentState="true"
            android:gravity="center_vertical"
            style="@style/taskAddressText"
            android:id="@+id/task_address"
            android:layout_gravity="center_vertical"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
</LinearLayout>
于 2013-09-18T11:54:39.880 回答
0

您可以将文本视图的上边距设置为图像视图大小的一半,然后它将始终从图像视图的中心开始。

Text View Top Margin = Image view Height /2 
于 2013-09-18T11:57:54.803 回答
0

而是使用constraintLayout,创建一个没有文本的不可见TextView,以保证它始终是一行。然后将不可见的文本视图对齐到实际文本视图的顶部和开始。

然后将图像视图约束到不可见的文本视图。

于 2020-08-11T21:29:03.133 回答