backgorund imageview

时间:2016-03-03 08:46:17

标签: android layout textview imageview

我有背景imageview(绿色有3个红色圆圈)和3个textview(A,B,C)。 如何将文本视图准确地放在支持多屏设备,纵向/横向的红色圆圈的中心?

enter image description here

Eited : 也许我问错了。

我的主要问题是:

1-我的布局中有一个图像,例如:

enter image description here

2-我希望将textview放在精确位置的图像上

enter image description here

当我在不同的屏幕尺寸上进行测试时,文本视图的位置发生了变化。

enter image description here

2 个答案:

答案 0 :(得分:1)

试试这个

<强> activity_main.xml中

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#00FF00"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:context=".MainActivity">


<TextView
    android:id="@+id/num_txt"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:layout_marginTop="10dp"
    android:layout_marginLeft="20dp"
    android:background="@drawable/bg_red"
    android:gravity="center"
    android:text="A"
    android:textColor="#000000"
    android:textSize="20dp" />

<TextView
    android:id="@+id/num_txt2"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:layout_marginTop="30dp"
    android:layout_marginLeft="100dp"
    android:background="@drawable/bg_red"
    android:gravity="center"
    android:text="B"
    android:textColor="#000000"
    android:textSize="20dp" />
<TextView
    android:id="@+id/num_txt3"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:layout_marginTop="100dp"
    android:layout_marginLeft="50dp"
    android:background="@drawable/bg_red"
    android:gravity="center"
    android:text="C"
    android:textColor="#000000"
    android:textSize="20dp" />

保存在可绘制的 bg_red.xml

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android" 
        android:shape="oval">
        <corners android:radius="10dip"/>
        <stroke android:color="#FF0000" android:width="5dip"/>
        <solid android:color="#FF0000"/>
    </shape>

输出是:

enter image description here

答案 1 :(得分:0)

在文本视图中xml属性

android:gravity="center"

并将圆xml文件宽度设为扭曲内容

width = "wrap_content"