服务器之家:专注于VPS、云服务器配置技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - Android - Android登陆界面实现清除输入框内容和震动效果

Android登陆界面实现清除输入框内容和震动效果

2021-04-21 17:00徐刘根 Android

这篇文章主要介绍了Android登陆界面实现清除输入框内容和震动效果,感兴趣的小伙伴们可以参考一下

本文为大家分享android登陆界面实现清除输入框内容和震动效果的全部代码,具体内容如下:

效果图:

Android登陆界面实现清除输入框内容和震动效果

主要代码如下

自定义的一个edittext,用于实现有文字的时候显示可以清楚的按钮:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
import android.content.context;
import android.graphics.drawable.drawable;
import android.text.editable;
import android.text.textwatcher;
import android.util.attributeset;
import android.view.motionevent;
import android.view.view;
import android.view.animation.animation;
import android.view.animation.cycleinterpolator;
import android.view.animation.translateanimation;
import android.widget.edittext;
 
public class clearedittext extends edittext implements view.onfocuschangelistener,textwatcher{
 
   //删除按钮的引用
  private drawable mcleardrawable;
 
  //控件是否有焦点
  private boolean hasfoucs;
 
  public clearedittext(context context) {
    this(context, null);
  }
 
  public clearedittext(context context, attributeset attrs) {
    // 这里构造方法也很重要,不加这个很多属性不能再xml里面定义
    this(context, attrs, android.r.attr.edittextstyle);
  }
 
  public clearedittext(context context, attributeset attrs, int defstyle) {
    super(context, attrs, defstyle);
    init();
  }
 
   private void init() {
      //获取edittext的drawableright,假如没有设置我们就使用默认的图片
      mcleardrawable = getcompounddrawables()[2];
      if (mcleardrawable == null) {
        // throw new nullpointerexception("you can add drawableright attribute in xml");
        mcleardrawable = getresources().getdrawable(r.drawable.selector_ic_delete);
      }
 
      //getintrinsicwidth()取得的是drawable在手机上的宽度,所以不同分辨率下获取到的值是不同的,关键所在处
      mcleardrawable.setbounds(0, 0, mcleardrawable.getintrinsicwidth(), mcleardrawable.getintrinsicheight());
 
      //默认设置隐藏图标
      setcleariconvisible(false);
      //设置焦点改变的监听
      setonfocuschangelistener(this);
      //设置输入框里面内容发生改变的监听
      addtextchangedlistener(this);
    }
 
    /**
     * 因为我们不能直接给edittext设置点击事件,所以我们用记住我们按下的位置来模拟点击事件
     * 当我们按下的位置 在 edittext的宽度 - 图标到控件右边的间距 - 图标的宽度 和
     * edittext的宽度 - 图标到控件右边的间距之间我们就算点击了图标,竖直方向就没有考虑
     */
    @override
    public boolean ontouchevent(motionevent event) {
      if (event.getaction() == motionevent.action_up) {
        if (getcompounddrawables()[2] != null) {
 
          boolean touchable = event.getx() > (getwidth() - gettotalpaddingright())
              && (event.getx() < ((getwidth() - getpaddingright())));
 
          if (touchable) {
            this.settext("");
          }
        }
      }
 
      return super.ontouchevent(event);
    }
 
    /**
     * 当clearedittext焦点发生变化的时候,判断里面字符串长度设置清除图标的显示与隐藏
     */
    @override
    public void onfocuschange(view v, boolean hasfocus) {
      this.hasfoucs = hasfocus;
      if (hasfocus) {
        setcleariconvisible(gettext().length() > 0);
      } else {
        setcleariconvisible(false);
      }
    }
 
 
    /**
     * 设置清除图标的显示与隐藏,调用setcompounddrawables为edittext绘制上去
     * @param visible
     */
    protected void setcleariconvisible(boolean visible) {
      drawable right = visible ? mcleardrawable : null;
      setcompounddrawables(getcompounddrawables()[0],
          getcompounddrawables()[1], right, getcompounddrawables()[3]);
    }
 
 
    /**
     * 当输入框里面内容发生变化的时候回调的方法
     */
    @override
    public void ontextchanged(charsequence s, int start, int count,int after) {
      if(hasfoucs){
        setcleariconvisible(s.length() > 0);
      }
    }
 
    @override
    public void beforetextchanged(charsequence s, int start, int count,int after) {
 
    }
 
    @override
    public void aftertextchanged(editable s) {
 
    }
 
 
    /**
     * 设置晃动动画
     */
    public void setshakeanimation(){
      this.setanimation(shakeanimation(5));
    }
 
    /**
     * 晃动动画
     * @param counts 1秒钟晃动多少下
     * @return
     */
    public static animation shakeanimation(int counts){
      animation translateanimation = new translateanimation(0, 10, 0, 0);
      translateanimation.setinterpolator(new cycleinterpolator(counts));
      translateanimation.setduration(1000);
      return translateanimation;
    }
}

mainactivity.java 主要是弹出一句话表示按钮的点击事件

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
import android.os.bundle;
import android.view.view;
import android.widget.button;
import android.widget.toast;
import android.app.activity;
 
public class mainactivity extends activity {
 
  private button btnlogin;
 
  @override
  protected void oncreate(bundle savedinstancestate) {
    super.oncreate(savedinstancestate);
    setcontentview(r.layout.activity_login);
    btnlogin = (button) this.findviewbyid(r.id.btnlogin);
  }
 
  public void login(view view) {
    toast.maketext(this, "登陆", toast.length_long).show();
 
  }
}

布局文件如下:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<?xml version="1.0" encoding="utf-8"?>
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:background="#ffffffff"
  android:orientation="vertical"
  android:padding="4.0dip" >
 
  <com.xuliugen.clearedittext.clearedittext
    android:id="@+id/etxtemail"
    style="@style/edittext"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_margintop="30.0dip"
    android:drawableleft="@drawable/icon_reg_name"
    android:drawablepadding="10.0dip"
    android:hint="使用邮箱登陆" />
 
  <com.xuliugen.clearedittext.clearedittext
    android:id="@+id/etxtpwd"
    style="@style/edittext"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_margintop="20.0dip"
    android:drawableleft="@drawable/icon_reg_password"
    android:drawablepadding="10.0dip"
    android:hint="输入登陆密码"
    android:inputtype="textpassword" />
 
  <button
    android:id="@+id/btnlogin"
    style="@style/biggreenbutton"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_margintop="20.0dip"
    android:onclick="login"
    android:text="登陆" />
 
</linearlayout>

另外还有一些selector文件,图片资源等:
bg_btn_style_green.xml

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
 
  <item android:state_enabled="false"><shape android:shape="rectangle">
      <corners android:radius="2.0dip" />
 
      <solid android:color="@color/green_btn_color_disable" />
    </shape></item>
  <item android:state_pressed="true"><shape android:shape="rectangle">
      <corners android:radius="2.0dip" />
 
      <solid android:color="@color/green_btn_color_pressed" />
    </shape></item>
  <item><shape android:shape="rectangle">
      <corners android:radius="2.0dip" />
 
      <solid android:color="@color/green_btn_color_normal" />
    </shape></item>
 
</selector>

bg_edittext_selector.xml

?
1
2
3
4
5
6
7
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
 
  <item android:drawable="@drawable/input_bar_bg_active" android:state_focused="true"/>
  <item android:drawable="@drawable/input_bar_bg_normal"/>
 
</selector>

以上就是本文的全部内容,希望对大家学习android软件编程有所帮助。

延伸 · 阅读

精彩推荐
  • AndroidAndroid中AsyncTask详细介绍

    Android中AsyncTask详细介绍

    这篇文章主要介绍了Android中AsyncTask详细介绍,AsyncTask是一个很常用的API,尤其异步处理数据并将数据应用到视图的操作场合,需要的朋友可以参考下...

    Android开发网7452021-03-11
  • AndroidAndroid界面效果UI开发资料汇总(附资料包)

    Android界面效果UI开发资料汇总(附资料包)

    android ui界面设计,友好的界面会提高用户体验度;同时也增强了android ui界面设计的难度,本文提供了一些常用开发资料(有下载哦)感兴趣的朋友可以了解下...

    Android开发网4672021-01-03
  • Android汇总Android视频录制中常见问题

    汇总Android视频录制中常见问题

    这篇文章主要汇总了Android视频录制中常见问题,帮助大家更好地解决Android视频录制中常见的问题,需要的朋友可以参考下...

    yh_thu5192021-04-28
  • AndroidAndroid程序设计之AIDL实例详解

    Android程序设计之AIDL实例详解

    这篇文章主要介绍了Android程序设计的AIDL,以一个完整实例的形式较为详细的讲述了AIDL的原理及实现方法,需要的朋友可以参考下...

    Android开发网4642021-03-09
  • AndroidAndroid编程解析XML方法详解(SAX,DOM与PULL)

    Android编程解析XML方法详解(SAX,DOM与PULL)

    这篇文章主要介绍了Android编程解析XML方法,结合实例形式详细分析了Android解析XML文件的常用方法与相关实现技巧,需要的朋友可以参考下...

    liuhe68810052021-05-03
  • AndroidAndroid CardView+ViewPager实现ViewPager翻页动画的方法

    Android CardView+ViewPager实现ViewPager翻页动画的方法

    本篇文章主要介绍了Android CardView+ViewPager实现ViewPager翻页动画的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...

    Abby代黎明9602022-03-02
  • AndroidAndroid实现固定屏幕显示的方法

    Android实现固定屏幕显示的方法

    这篇文章主要介绍了Android实现固定屏幕显示的方法,实例分析了Android屏幕固定显示所涉及的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下...

    鉴客6192021-03-27
  • AndroidAndroid实现Service获取当前位置(GPS+基站)的方法

    Android实现Service获取当前位置(GPS+基站)的方法

    这篇文章主要介绍了Android实现Service获取当前位置(GPS+基站)的方法,较为详细的分析了Service基于GPS位置的技巧,具有一定参考借鉴价值,需要的朋友可以参考下...

    Ruthless8342021-03-31