堆棧內存溢出
  簡體   English   中英

圖片右上角的動態十字按鈕將其刪除

[英]dynamic cross button on top-right of image to delete it

 原文  2018-06-02 10:56:04  0   2    android/ android-layout/ imageview

問題描述

我想放置一個十字按鈕，它將幫助用戶刪除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>

2 個解決方案

解決方案1
 0 已采納  2018-06-02 11:11:23

嘗試這個：-

您將在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);

        }
    });

解決方案2
 -1  2018-06-02 11:00:50

使用此布局並為十字按鈕添加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.

相關問題 如何使用右上角的十字按鈕添加動態圖像視圖 將 ImageView 中的圖像與右上角對齊 將按鈕移動到半透明布局的右上角位置 將標簽放在右上角 如何在父母布局的右上角添加兩個浮動操作按鈕（一半為內部布局，一半為外部），並在單擊時顯示 如果進行了編輯，Android Designer會將元素移到右上角 如何在 CardView 的右上角 position 上放置一個圖標？ 我如何將相對布局中的視圖與右上角對齊 Popupwindow：ShowAsDropDown是右上角而不是左下角？ 如何將布局中心放在另一個布局的右上角？
相關標簽
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM