[英]dynamic cross button on top-right of image to delete it
我想放置一个十字按钮,它将帮助用户删除imageView中存在的图片,就像删除附件中的图片一样
我有一个实现两个imageview的想法,但是如何添加按钮?
<?xml version="1.0" encoding="utf-8"?>
<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:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.harit.visitor.Add_Visitor">
<EditText
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:inputType="textPersonName"
android:ems="10"
android:id="@+id/fNameEditText"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:hint="First Name"
android:layout_marginLeft="05sp"
android:layout_marginRight="05sp"
android:layout_marginTop="20sp" />
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="textPersonName"
android:ems="10"
android:id="@+id/lNameEditText"
android:layout_below="@+id/fNameEditText"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:hint="Last Name"
android:layout_marginLeft="05sp"
android:layout_marginRight="05sp"
android:layout_marginTop="10sp" />
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="textEmailAddress"
android:ems="10"
android:id="@+id/emailEditText"
android:layout_below="@+id/lNameEditText"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginLeft="05dp"
android:layout_marginTop="10dp"
android:layout_marginRight="05dp"
android:hint="E-Mail" />
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="phone"
android:ems="10"
android:id="@+id/phoneEditText"
android:layout_below="@+id/emailEditText"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginLeft="05sp"
android:layout_marginTop="10sp"
android:layout_marginRight="05sp"
android:hint="Phone Number" />
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/sponsorEditText"
android:layout_below="@+id/phoneEditText"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginTop="10sp"
android:layout_marginLeft="05sp"
android:layout_marginRight="05sp"
android:hint="Sponsor" />
<EditText
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:id="@+id/categoryEditText"
android:layout_below="@+id/sponsorEditText"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginLeft="05sp"
android:layout_marginTop="10sp"
android:layout_marginRight="05sp"
android:hint="Category" />
<ImageView
android:layout_width="100sp"
android:layout_height="100sp"
android:id="@+id/imageView"
android:layout_marginTop="335sp"
android:layout_marginLeft="05sp" />
<Button
android:layout_width="200dp"
android:layout_height="wrap_content"
android:text="take Picture"
android:id="@+id/takePictureButton"
android:layout_below="@+id/categoryEditText"
android:layout_toRightOf="@+id/imageView"
android:layout_toEndOf="@+id/imageView"
android:layout_marginLeft="25sp"
android:layout_marginTop="10sp" />
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="sumbit"
android:id="@+id/submitButton"
android:layout_below="@+id/takePictureButton"
android:layout_alignRight="@+id/takePictureButton"
android:layout_alignEnd="@+id/takePictureButton"
android:layout_alignLeft="@+id/takePictureButton"
android:layout_alignStart="@+id/takePictureButton" />
</RelativeLayout>
尝试这个:-
您将在x图像的右上角放置x。
<ImageView
android:id="@+id/imageView1"
android:layout_width="100sp"
android:layout_height="100sp"
android:layout_marginTop="335sp"
android:layout_marginLeft="05sp"
android:src="@drawable/crossImage"
/>
您将按照以下步骤删除十字图像的src图像onclick:-
ImageView imageView=(ImageView)findViewById(R.id.imageView);
view.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View arg0) {
imageView.setImageDrawable(null);
//or use this imageView.setImageResource(0);
}
});
使用此布局并为十字按钮添加svg
<?xml version="1.0" encoding="utf-8"?>
<EditText
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:inputType="textPersonName"
android:ems="10"
android:id="@+id/fNameEditText"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:hint="First Name"
android:layout_marginLeft="05sp"
android:layout_marginRight="05sp"
android:layout_marginTop="20sp" />
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="textPersonName"
android:ems="10"
android:id="@+id/lNameEditText"
android:layout_below="@+id/fNameEditText"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:hint="Last Name"
android:layout_marginLeft="05sp"
android:layout_marginRight="05sp"
android:layout_marginTop="10sp" />
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="textEmailAddress"
android:ems="10"
android:id="@+id/emailEditText"
android:layout_below="@+id/lNameEditText"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginLeft="05dp"
android:layout_marginTop="10dp"
android:layout_marginRight="05dp"
android:hint="E-Mail" />
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="phone"
android:ems="10"
android:id="@+id/phoneEditText"
android:layout_below="@+id/emailEditText"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginLeft="05sp"
android:layout_marginTop="10sp"
android:layout_marginRight="05sp"
android:hint="Phone Number" />
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/sponsorEditText"
android:layout_below="@+id/phoneEditText"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginTop="10sp"
android:layout_marginLeft="05sp"
android:layout_marginRight="05sp"
android:hint="Sponsor" />
<EditText
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:id="@+id/categoryEditText"
android:layout_below="@+id/sponsorEditText"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:layout_marginLeft="05sp"
android:layout_marginTop="10sp"
android:layout_marginRight="05sp"
android:hint="Category" />
<ImageView
android:layout_width="100sp"
android:layout_height="100sp"
android:id="@+id/imageView"
android:layout_marginTop="335sp"
android:layout_marginLeft="05sp" />
<ImageView
android:id="@+id/close_button"
android:layout_width="20dp"
android:layout_height="20dp"
android:layout_marginTop="4dp"
android:layout_marginRight="4dp"
android:layout_alignTop="@+id/imageView"
android:layout_alignRight="@+id/imageView"/>
<Button
android:layout_width="200dp"
android:layout_height="wrap_content"
android:text="take Picture"
android:id="@+id/takePictureButton"
android:layout_below="@+id/categoryEditText"
android:layout_toRightOf="@+id/imageView"
android:layout_toEndOf="@+id/imageView"
android:layout_marginLeft="25sp"
android:layout_marginTop="10sp" />
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="sumbit"
android:id="@+id/submitButton"
android:layout_below="@+id/takePictureButton"
android:layout_alignRight="@+id/takePictureButton"
android:layout_alignEnd="@+id/takePictureButton"
android:layout_alignLeft="@+id/takePictureButton"
android:layout_alignStart="@+id/takePictureButton" />
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.