在 xml 中的图像上绘制视图答案

【问题标题】：Draw view on Image within xml在 xml 中的图像上绘制视图
【发布时间】：2011-03-27 10:04:56
【问题描述】：

您能帮我分享一下如何在 android 中在图像上绘制一个小矩形的知识吗？我有 main.xml 并且有一些小部件。在顶部，有一个图像，我想在该图像上绘制一个矩形并在应用程序运行时显示两者。

这是我的 xml 文件的样子：

   <?xml version="1.0" encoding="utf-8"?>
    <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_margin="5px" android:padding="20px">
     <ImageView
    android:id="@+id/myImageView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/sinewave"/>
    <TableRow>


    </TableRow>

    <TableRow>    
            <TextView android:text="00:00" 
                android:id="@+id/TextView02" 
                android:layout_width="wrap_content" 
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:paddingBottom="30dip"

                android:gravity="center">
            </TextView>      
    </TableRow>
    <TableRow android:gravity="center">

            <Button android:text="Start" 
                    android:id="@+id/btnStart" 
                    android:layout_width="wrap_content" 
                    android:layout_height="wrap_content" 
                    android:padding="20px"
                    >
            </Button>



            <Button android:text="Stop" 
                    android:id="@+id/btnStop" 
                    android:layout_width="wrap_content"  
                    android:layout_height="wrap_content" 
                    android:padding="20px"
                    >
            </Button>

    </TableRow>
    <TableRow>
            <TextView android:text=""
                android:id="@+id/TextView01"
                android:layout_width="wrap_content" 
                android:layout_height="wrap_content"
                android:paddingLeft="5px"
android:paddingRight="5px"
android:paddingTop="10px"
android:paddingBottom="10px"

                >
            </TextView>

     </TableRow>
    <TableRow>   
            <Button android:text="Mute Phone" 
                    android:id="@+id/Button01" 
                    android:layout_width="wrap_content" 
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:paddingBottom="10dip"
                >
            </Button>
    </TableRow>
    <TableRow>
            <Button 
                android:text="Settings"
                android:id ="@+id/btnClick"
                android:layout_width="wrap_content" 
                android:layout_height="wrap_content"
                android:gravity="center"
                android:paddingTop="30dip"
            />
    </TableRow>

</TableLayout>

【问题讨论】：

stackoverflow.com/questions/3569412/…

标签： android android-widget

【解决方案1】：

不要为此使用标准的 ImageView。创建您自己的类扩展视图。然后重写 draw() 方法。在那里你可以显示图像并做所有你想做的事情，包括绘制矩形。

【讨论】：

【解决方案2】：

您可以使用 ImageView... 实际上我已经在我的一个应用程序中做到了这一点。然后你可以重写 OnDraw() 方法，该方法传入一个 Canvas 你可以用来绘制...

我以此为参考： Draw onto an ImageView

【讨论】：