图像视图中的复选框

时间:2014-10-01 06:28:04

标签: android

我要求在imageview中设置复选框,如何为其设计layout.xml文件,点击图片视图后,选中复选框sholud。单击imageview时,我可以处理复选框的工作。任何人都可以解决我的问题,设计简单的复选框布局应该在ImageView中。

4 个答案:

答案 0 :(得分:1)

这是你的答案 在自定义适配器类

中使用它
 <?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" >

        <ImageView
            android:id="@+id/img"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/ic_launcher" />

        <CheckBox
            android:id="@+id/chkBox"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBottom="@+id/txtPersonName"
            android:layout_alignRight="@+id/txtPersonName" />

        </RelativeLayout>

更新了xml

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

    <ImageView
        android:id="@+id/txtPersonName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/ic_launcher" />

    <CheckBox
        android:id="@+id/chkBox"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignRight="@+id/txtPersonName" />

    </RelativeLayout>

答案 1 :(得分:0)

您可以使用FrameLayout。因此,第一个视图内部布局将与第二个视图重叠。

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

    <ImageView
        android:id="@+id/cover"
        android:layout_width="40dip"
        android:layout_height="40dip"
        android:background="#ddeeee"
        android:contentDescription="@string/app_name"
        android:scaleType="center" />

    <CheckBox 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        />
</FrameLayout>

输出:

enter image description here

我刚给出了固定的宽度和高度,只是ImageView的背景。不是src。希望这会有所帮助。

<强>更新

您将使用RelativeLayout获得相同的结果,但这可能会因ImageView的宽度和高度而异:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/album_item"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/cover"
        android:layout_width="40dip"
        android:layout_height="40dip"
        android:background="#ddeeee"
        android:contentDescription="@string/app_name"
        android:scaleType="center" />

    <CheckBox 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        />
</RelativeLayout>

答案 2 :(得分:0)

以下是左下角带复选框的一张图片的示例

 <RelativeLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/relativeLayout">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/imageView"
        android:src="@drawable/earth"
        android:scaleType="fitXY"/>

    <CheckBox
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New CheckBox"
        android:id="@+id/checkBox"
        android:checked="true"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"

        />

</RelativeLayout>

答案 3 :(得分:-1)

enter image description here

我想要这样的布局。在每个图像上都应该有一个复选框。我这样做但是复选框没有正确对齐。任何建议