如何在ImageView上放置TextView

时间:2017-01-12 01:44:56

标签: android android-layout

是否有一种简单的方法可以将TextView置于ImageView之上?

我的代码:

=VLOOKUP(CONCATENATE("*", A1, "*"),$F$1:$G$6,2, FALSE)

Example Image

绿色圆圈将是我的@ drawable / finaloval。 %100有机将是TextView。

5 个答案:

答案 0 :(得分:0)

只需使用LinearLayout作为root用户,然后从上到下重新排序您的观看次数,这意味着您应该TextView然后ImageView

根据评论

进行编辑

要进行视图重叠,您可以按照其他人的建议使用RelativeLayoutFrameLayout

试试这个:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center_horizontal">

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Text"
    android:layout_marginTop="23dp"
    android:id="@+id/textView"
    android:textSize="40sp"
    android:textColor="@color/colorAccent" />

<ImageView
    android:layout_width="120dp"
    android:layout_height="120dp"
    android:src="@drawable/finaloval"
    android:elevation="10dp"
    android:id="@+id/greencircleId"/>

</RelativeLayout>

认为这是最简单的方法。希望这有帮助

答案 1 :(得分:0)

<TextView android:id="@+id/tv_versionstatus"  
                    android:layout_width="wrap_content"  
                    android:layout_height="wrap_content"  
                    android:drawablePadding="5dp"  
                    android:drawableBottom="@drawable/icon_new"  
                    android:text="text"  
                    android:textColor="#363636"  
                    android:textSize="20sp" />  

drawableBottom也是你的选择

答案 2 :(得分:0)

Please try to set the background for the layout and place your textviews inside that , i have coded it as per the image you shared in it example
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center_horizontal"
android:background="@drawable/finaloval">

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="100% natural"
    android:layout_marginTop="23dp"
    android:id="@+id/natural"
    android:textSize="20sp"
    android:textColor="@color/colorAccent" />

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="organic"
    android:layout_marginTop="23dp"
    android:layout_below="@id/"
    android:id="@+id/natural"
    android:textSize="40sp"
    android:textColor="@color/colorAccent" />

</RelativeLayout>

答案 3 :(得分:0)

试试这个xml:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <ImageView
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:src="@drawable/finaloval"
        android:layout_gravity="center"
        android:elevation="10dp"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Text"
        android:textSize="40sp"
        android:layout_gravity="center"
        android:textColor="@color/text_black" />
</FrameLayout>

答案 4 :(得分:-1)

尝试将imageview设置为textview的背景。

你想在图像或清晰的图像上加上一些文字吗?

我将使用一个可绘制的形状作为例子。

现在我有这样的形状:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
   android:shape="oval"
   >

    <size
        android:height="100dp"
        android:width="100dp"
        />

    <solid
        android:color="#66ccff"
        />

</shape>

然后将其设置为布局xml中textview的背景。

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/circle"
    android:text="Hello World!"
    />

看起来像。它是一个100dp * 100dp的。 100*100

尝试修改textview的宽度和高度。

<TextView
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:background="@drawable/circle"
    android:text="Hello World!"
    />

现在看起来像这样。更大。 200*200

所以结论是:

  • 更改drawable的大小,并在布局xml中使用wrap_content。
  • 在布局xml中更改“layout_width”和“layout_height”。

但是如果你想使用较小的或较大的一个,也许你应该在控制java文件中添加一些控制代码。

(对不起,我不在英语国家,所以也许我的话语不够清楚)

我很抱歉在回答之前我没有遵守规则(因为这是我的第一个回答)。