Question

如何将textview放在imageview下方，以便text居中？如果我使用relative layout，唯一的方法是android:layoutBelow，但您无法与imageview的中心对齐，因为您可以与right或{{1}对齐图像。除非我错过了什么

由于

Answer 1

在看到您的评论后，我会更好地了解您要完成的任务。这使用额外的视图，但允许您将textview分组到imageview。

左上角的RelativeLayout：

<?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="match_parent" >

    <!-- place this layout anywhere and the imageview and textview will follow. -->
    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true" >

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/imageView1"
            android:layout_centerHorizontal="true"
            android:gravity="center_horizontal"
            android:text="TextViewTextViewTextViewTextViewTextView" />

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_centerHorizontal="true"
            android:src="@drawable/ic_launcher" />
    </RelativeLayout>

</RelativeLayout>

屏幕中央的RelativeLayout：

<?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="match_parent" >

    <!-- place this layout anywhere and the imageview and textview will follow. -->

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true" >

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/imageView1"
            android:layout_centerHorizontal="true"
            android:gravity="center_horizontal"
            android:text="TextViewTextViewTextViewTextViewTextView" />

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_centerHorizontal="true"
            android:src="@drawable/ic_launcher" />
    </RelativeLayout>

</RelativeLayout>

右下角的RelativeLayout：

<?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="match_parent" >

    <!-- place this layout anywhere and the imageview and textview will follow. -->

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true" >

        <TextView
            android:id="@+id/textView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/imageView1"
            android:layout_centerHorizontal="true"
            android:gravity="center_horizontal"
            android:text="TextViewTextViewTextViewTextViewTextView" />

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_centerHorizontal="true"
            android:src="@drawable/ic_launcher" />
    </RelativeLayout>

</RelativeLayout>

正如你可以在任何地方看到你放置内部RelativeLayout的ImageView和TextView。

Answer 2

尝试像这样声明你的textview：

<TextView
android:layout_width="0dp"
android:layout_align="wrap_content"
android:layout_alignLeft="@+id/id_of_imageview"
android:layout_alignRight="@+id/id_of_imageview"
android:layout_below="@+id/id_of_imageview"
android:gravity="center_horizontal" />

Answer 3

通过使用android：drawableLeft属性，您可以在textview中设置图像并设置文本。

<TextView 
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:drawableLeft="@drawable/ic_launcher"
     android:text="Hello"
     android:gravity="center_vertical"
     android:paddingLeft="5dp"
    />

Answer 4

试试这个

<TextView 
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:drawableLeft="@drawable/ic_launcher"
     android:drawableRight="@drawable/ic_launcher"
     android:drawableTop="@drawable/ic_launcher"
     android:drawableBottom="@drawable/ic_launcher"
     android:text="Hello"
     android:gravity="center"
    android:paddingLeft="10dp"
    />

=================================或

<TextView 
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:drawableTop="@drawable/ic_launcher"
     android:text="Hello"
     android:gravity="center"
    android:paddingLeft="10dp"
    />

Answer 5

这将解决您在Text length的评论中阅读的问题，在文本中使用android:ems来定义其基本长度

<TextView
android:layout_width="0dp"
android:layout_align="wrap_content"
android:layout_alignLeft="@+id/id_of_imageview"
android:layout_alignRight="@+id/id_of_imageview"
android:layout_below="@+id/id_of_imageview"
android:gravity="center_horizontal" 
android:ems="10" />

图像视图下方的中心文本

5 个答案: