使用FrameLayout将文本视图放置在图像视图上

Question

以下是我设计xml的方式。 现在，我正在尝试将textview放入下面显示的白色框中。 但是受到FrameLayout的限制（至少我是这么认为的），我需要硬编码值以使文本视图适合中间或白框内的某个位置。 我无法通过相对布局或其他布局来实现此目的，因为根据我的试验，我认为整体是一幅图像。

这是我的布局，

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content" android:layout_height="wrap_content"
    android:visibility="visible" android:layout_marginTop="60dip"
    android:layout_gravity="center" android:id="@+id/xxx">

    <ImageView android:id="@+id/calloutquizImage" 
        android:background="@drawable/callout" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:scaleType="fitCenter" />

    <ImageView android:id="@+id/triviaImage"
        android:layout_width="wrap_content" android:layout_height="wrap_content"
        android:layout_alignTop="@+id/calloutquizImage" android:layout_gravity="left"
        android:src="@drawable/trivia" android:background="@drawable/trivia"
        android:layout_marginTop="50dip" android:layout_marginLeft="85dip"></ImageView>

    <TextView android:text="TextView" android:id="@+id/triviAnswerText"
        android:layout_marginTop="125dip" android:layout_marginLeft="85dip"
        android:layout_gravity="left" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:textColor="#000000"
        android:typeface="sans"></TextView>

    <ImageButton android:id="@+id/triviaanswercloseButton"
        android:src="@drawable/closebtn" android:layout_width="wrap_content"
        android:layout_height="wrap_content" android:background="@drawable/closebtn"
        android:layout_marginRight="8dip" android:layout_marginTop="43dip"
        android:layout_gravity="right" android:onClick="triviaanswerClose"></ImageButton>
    <ImageView android:id="@+id/buttontoclose"
        android:layout_gravity="left"
        android:visibility="visible" android:onClick="triviaanswerClose" 
        android:layout_marginTop="50dip" android:layout_marginLeft="75dip"
        android:layout_width="230dip" android:layout_height="170dip"></ImageView>
</FrameLayout>

因此，文本视图在各种手机中的位置不同。

有任何猜测可以代替吗？

以下是我的图片：

Answer 1

我认为您没有做正确的事。 如果您希望文本显示在白框内（或者甚至调整大小，如果有很多文本适合它）-您仍然可以避免任何布局广告仅使用一个 TextView进行处理。

请查看什么是Android中的NinePatch图像： http : //developer.android.com/reference/android/graphics/NinePatch.html

http://developer.android.com/tools/help/draw9patch.html-绘图工具

因此，基本上您只需要1个textView和您的图像，即可将其正确转换为带有第二个链接的9-patch。 （基本上-只需在图像边框上添加一些黑色像素）。 不只是将这9个补丁设置为textView的背景。 它将文本放置在您需要的位置，并且如果您在9-patch中定义，则将缩小白框。

UPD：请找到生成的屏幕截图：

如您所见，textView本身不处理WhiteBox”，而是用文本填充文本并在必要时调整其大小。

这是使其工作的方法：

<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">

    <TextView
        android:id="@+id/first"
        android:background="@drawable/back"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Manymanymany text 
        Manymanymany text 
        Manymanymany text 
        Manymanymany text 
        Manymanymany text 
        Manymanymany text" />

    <TextView
        android:layout_below="@+id/first"
        android:background="@drawable/back"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Not so many text" />
</RelativeLayout>

这是您的图像，转换为9patch。 只需将其放置在“ drawable /”文件夹中即可。 注意：它必须具有“ back.9.png”名称。

有关9patch的工作原理的详细信息，请查看上面的链接。 主要思想：通过在左侧和顶部边框上打上黑点，您可以指定必须放大图像时要拉伸图像的哪个部分。 通过在右侧/底部制作点，您可以告诉View将内容放置在何处。 在我们的例子中，内容是TextView的文本。

希望对您有帮助，祝您好运

Answer 2

我认为您可以在FrameLayout为ImageView和TextView使用RelativeLayout ，并且通过使用参数，可以将TextView导航到白框。 有关详细信息，请参考LayoutParams文档 。

例如。 您可以先添加ImageView块，然后再添加TextView ，以使TextView覆盖ImageView ，并使用alignbottom并指定负的上边距，可以使TextView遍历图像。 或者更确切地说，如果您使用的是eclipse，则可以直接在图形布局中移动文本视图。

<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/tools"
    android:id="@+id/xxx"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:layout_marginTop="0dp"
    android:visibility="visible" >

    <RelativeLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margintop="0dp" >

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/user2" />
        <TextView
            android:id="@+id/Textviewtitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/hello_world"
            android:layout_below="@+id/imageView1"
            android:layout_marginTop="-10dp"
            app:context=".TestActivity" />

    </RelativeLayout>
 </FrameLayout>

与上面类似，您可以指定左右边距以根据需要正确定位TextView 。 检查图形布局以获得反馈，以了解正确的位置。 如果有帮助，请回复。

使用图像和值作为高度和宽度。 我只是尝试测试。