Android自定义EditText实现登录界面

2024-04-03 00:11:32

本文实例为大家分享了Android自定义EditText实现登录界面的具体代码，供大家参考，具体内容如下

先看效果图：

自定义edittext 控件，监听focus和textchange 状态实现是否显示删除图片。

public class ClearEditText extends EditText implements OnFocusChangeListener,
  TextWatcher { 

 private Drawable right;
 private boolean hasfocus;
 private Drawable mClearDrawable; 

 public ClearEditText(Context context) {
  this(context, null); 

 } 

 public ClearEditText(Context context, AttributeSet attrs) {
  // 这个属性不加 没法用
  this(context, attrs, android.R.attr.editTextStyle); 

 } 

 public ClearEditText(Context context, AttributeSet attrs, int defStyle) {
  super(context, attrs, defStyle);
  // 初始化删除的资源图片
  mClearDrawable = getCompoundDrawables()[2];
  if (mClearDrawable == null) {
   mClearDrawable = getResources().getDrawable(R.drawable.ic_close1);
  }
  mClearDrawable.setBounds(0, 0, mClearDrawable.getIntrinsicWidth(),
    mClearDrawable.getIntrinsicHeight()); 

  clearText(false); 

  setOnFocusChangeListener(this);
  addTextChangedListener(this); 

 } 

 @Override
 public void onFocusChange(View v, boolean hasfocus) {
  this.hasfocus = hasfocus;
  if (hasfocus) {
   clearText(getText().length() > 0);
  } else {
   clearText(false);
  } 

 } 

 @Override
 public void onTextChanged(CharSequence text, int start, int lengthBefore,
   int lengthAfter) {
  // TODO Auto-generated method stub
  if (hasfocus) {
   clearText(text.length() > 0);
  } 

 } 

 private void clearText(boolean visible) {
  if (visible) {
   right = mClearDrawable; 

  } else {
   right = null;
  }
  setCompoundDrawables(getCompoundDrawables()[0],
    getCompoundDrawables()[1], right, getCompoundDrawables()[3]); 

  // right.setBounds(0, 0, right.getIntrinsicWidth(),
  // right.getIntrinsicHeight()); 

 } 

 //getTotalPaddingRight 返回 又padding加上图片占据的宽度 在这个范围内 即判断是否点击了删除按钮
 @Override
 public boolean onTouchEvent(MotionEvent event) {
  if (event.getAction() == MotionEvent.ACTION_UP) {
   if (getCompoundDrawables()[2] != null) { 

    boolean t = event.getX() > (getWidth() - getTotalPaddingRight())
      && (event.getX() < ((getWidth() - getPaddingRight()))); 

    if (t) {
     this.setText("");
    }
   }
  } 

  return super.onTouchEvent(event);
 } 

 @Override
 public void afterTextChanged(Editable arg0) {
  // TODO Auto-generated method stub 

 } 

 @Override
 public void beforeTextChanged(CharSequence arg0, int arg1, int arg2,
   int arg3) {
  // TODO Auto-generated method stub 

 } 

 /**
  * 设置晃动动画
  */
 public void setShakeAnimation() {
  this.setAnimation(shakeAnimation(5));
 } 

 // 可以设置1秒钟晃动s下
 public static Animation shakeAnimation(int s) {
  Animation translateAnimation = new TranslateAnimation(0, 10, 0, 0);
  translateAnimation.setInterpolator(new CycleInterpolator(s));
  translateAnimation.setDuration(1000);
  return translateAnimation;
 } 

}

自定义TextView 实现字体从上到下显示：

public class CustomText extends TextView { 

 private String text;
 private Paint paint;
 private Rect rect = new Rect();
 private int initTopDistance = 8; 

 public CustomText(Context context) {
  super(context, null);
  // TODO Auto-generated constructor stub
 } 

 public CustomText(Context context, AttributeSet attrs) {
  this(context, attrs, 0);
  // TODO Auto-generated constructor stub
 } 

 public CustomText(Context context, AttributeSet attrs, int defStyle) {
  super(context, attrs, defStyle);
  text = (String) getText(); 

  DisplayMetrics metric = new DisplayMetrics();
  WindowManager windowmanager = (WindowManager) context
    .getSystemService(Context.WINDOW_SERVICE);
  windowmanager.getDefaultDisplay().getMetrics(metric);
  //得到字体大小
  int size = (int) getTextSize();
  //转换成SP
  int s= (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, size, metric); 

  paint = new Paint(Paint.ANTI_ALIAS_FLAG);
  paint.setDither(true);
  paint.setColor(0xffffffff);
  if(s!=0)
  paint.setTextSize(s);
  Typeface t= Typeface.createFromAsset(context.getResources().getAssets(), "fonts/font.TTF"); 

  paint.setTypeface(t);
  paint.setShadowLayer(60, 30, 30, 0xff00ffff); 

 }
// @Override
// protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
//
////  super.onMeasure(widthMeasureSpec, heightMeasureSpec);
//  int modeWidth=MeasureSpec.getMode(widthMeasureSpec);
//  int modeHeight=MeasureSpec.getMode(heightMeasureSpec);
//  int widthSize=MeasureSpec.getSize(widthMeasureSpec);
//  int heightSize=MeasureSpec.getSize(heightMeasureSpec);
//
//  int width=0;
//  int heigh=0;
//  if(modeWidth==MeasureSpec.AT_MOST)
//
//   width=getMaxTextWdith(getStrings())+getPaddingLeft()+getPaddingRight();
//
//  if(modeHeight==MeasureSpec.AT_MOST)
//   heigh=getMaxTextHeight(getStrings())+getPaddingTop()+getPaddingBottom();
//
//  setMeasuredDimension(width=modeWidth==MeasureSpec.AT_MOST?width:widthSize,
//    height=modeHeight==MeasureSpec.AT_MOST?height:heightSize);
//
//
// } 

 @Override
 protected void onSizeChanged(int w, int h, int oldw, int oldh) {
  // TODO Auto-generated method stub
  super.onSizeChanged(w, h, oldw, oldh);
  width = w;
  height = h;
 } 

 private void measureText(String str) { 

  paint.getTextBounds(str, 0, str.length(), rect);
  FontMetrics fm = paint.getFontMetrics();
  textHeight = (int) (fm.ascent + fm.descent);
 } 

 private int textHeight;
 private int width;
 private int height;
 private int num;
 //转化为 单个字的字符串
 public String[] getStrings(){ 

  num = text.length();
  String[] strings = new String[num];
  for (int i = 0; i < num; i++) { 

   char c = text.charAt(i);
   strings[i] = String.valueOf(c);
  }
  return strings;
 }
 /**返回字体最长的宽度
  * @param strs
  * @return
  */
 public int getMaxTextWdith(String[] strs){
  int w=0;
  for(int i=0;i<strs.length;i++){
   measureText(strs[i]);
   w=Math.max(rect.width(), w); 

  } 

  return w; 

 }
 /**返回字体最高的高度
  * @param strs
  * @return
  */
 public int getMaxTextHeight(String[] strs){
  int h=0;
  for(int i=0;i<strs.length;i++){
   measureText(strs[i]); 

  h=Math.max(-textHeight, h); 

  }
  return h; 

 } 

 @Override
 protected void onDraw(Canvas canvas) { 

  String[] strings=getStrings(); 

  float starty = 1.0f * height / num;
  //Y坐标变化
  float changeY = 0;
  for (int j = 0; j < num; j++) {
   //测量字体宽度和高度
   measureText(strings[j]);
   //没个字体上下的间隔
   changeY = starty * j;
   int left=getWidth() / 2 - rect.width() / 2
     + getPaddingLeft() + getPaddingRight();
   int top=(int) (starty/2-textHeight+ changeY + getPaddingTop() + getPaddingBottom()); 

   canvas.drawText(strings[j], left, top, paint);
  } 

 } 

}

布局xml：

<LinearLayout 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:orientation="vertical" > 

 <RelativeLayout
  android:id="@+id/meishi"
  android:layout_width="match_parent"
  android:layout_height="0dp"
  android:layout_weight="1"
  android:background="@drawable/ic_meishi" > 

  <com.example.eidttext.CustomText
   android:id="@+id/tttt"
   android:layout_width="wrap_content"
   android:layout_height="match_parent"
   android:layout_alignParentRight="true"
   android:text="味道"
   android:textSize="40sp"
   />
 </RelativeLayout> 

 <LinearLayout
  android:layout_width="match_parent"
  android:layout_height="0dp"
  android:layout_weight="1"
  android:orientation="vertical" > 

  <RelativeLayout
   android:id="@+id/count"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:padding="8dp"
   android:gravity="center"
   android:layout_marginTop="20dp"
    > 

   <TextView
    android:id="@+id/text_count"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="8dp"
    android:text="帐号" 

    /> 

   <com.example.eidttext.ClearEditText 

    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginRight="20dp"
    android:layout_toRightOf="@+id/text_count"
    android:background="@drawable/edittext"
    android:drawableRight="@drawable/ic_close1"
    android:gravity="center_vertical"
    android:hint="请输入帐号"
    android:textSize="16sp"
    android:padding="8dp" 

    android:singleLine="true" >
   </com.example.eidttext.ClearEditText>
  </RelativeLayout> 

  <RelativeLayout
   android:id="@+id/password"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:padding="8dp" 

    > 

   <TextView
    android:id="@+id/text_password"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="8dp"
    android:text="密码" /> 

   <com.example.eidttext.ClearEditText
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginRight="20dp"
    android:layout_toRightOf="@+id/text_password"
    android:background="@drawable/edittext"
    android:drawableRight="@drawable/ic_close1"
    android:gravity="center_vertical"
    android:hint="请输入密码"
    android:padding="8dp"
     android:textSize="16sp"
    android:singleLine="true" >
   </com.example.eidttext.ClearEditText>
  </RelativeLayout> 

  <RelativeLayout
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:padding="16dp" > 

   <Button
    android:id="@+id/login"
    android:layout_width="wrap_content"
    android:layout_height="30dp"
    android:layout_marginLeft="50dp"
    android:textSize="16sp"
    android:background="@drawable/button_selector"
    android:text="登录" 

    /> 

   <Button
    android:layout_width="wrap_content"
    android:layout_height="30dp"
    android:layout_marginLeft="80dp"
    android:layout_toRightOf="@+id/login"
    android:background="@drawable/button_selector"
    android:text="注册"
    android:textSize="16sp" />
  </RelativeLayout>
 </LinearLayout> 

</LinearLayout>

button_selector xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
 <item android:state_pressed="true"
  android:drawable="@drawable/button_press" />"
 <item android:drawable="@drawable/button" /> 

</selector>

press:

<?xml version="1.0" encoding="utf-8"?> 

 <shape android:shape="rectangle"
  xmlns:android="http://schemas.android.com/apk/res/android">
   <gradient
    android:startColor="@color/deep_red"
    android:centerColor="#ffffffff"
    android:endColor="@color/oranger_red"
    android:angle="90"
    >
    </gradient>
   <corners android:radius="15dp" />
   <stroke android:width="1px"
    android:color="#FF6666"/>
 </shape>

normal:

<?xml version="1.0" encoding="utf-8"?> 

 <shape android:shape="rectangle"
  xmlns:android="http://schemas.android.com/apk/res/android">
   <gradient
    android:startColor="#FF3333"
    android:centerColor="#ffffffff"
    android:endColor="#FF9966"
    android:angle="90"
    >
    </gradient>
   <corners android:radius="15dp" />
   <stroke android:width="1px"
    android:color="#ededed"/>
 </shape>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

android同时控制EditText输入字符个数和禁止特殊字符输入的方法

本文实例讲述了android同时控制EditText输入字符个数和禁止特殊字符输入的方法.分享给大家供大家参考.具体分析如下: 这里总结了三种方法如下: 方法一: 1. 引用两个命名空间: import android.text.TextWatcher; import android.text.Editable; 用于禁止特殊字符输入控制定义EditText mEditText对象 2. 控制字符长度: 通过InputFilter过滤来实现字符长度控制,这样的好处是可以实现动态长度控制,而不是
Android高级xml布局之输入框EditText设计

今天给大家介绍一下如何实现一款简约时尚的安卓登陆界面.大家先看一下效果图当用户输入时动态出现删除按钮现在先罗列一下技术点: 1.如何使用圆角输入框和按钮背景 2.如何实现"手机号"."密码"后面的竖线 3.如何嵌套输入框的布局 4.如何监听输入框的输入事件及删除按钮的动态显示隐藏 1.如何使用圆角输入框和按钮背景安卓为开发者准备了shape这个xml标签,用于自定义一些形状. 那么我就来定义一个白色的输入框背景.代码如下:
Android自定义EditText实现淘宝登录功能

本文主要是自定义了EditText,当EditText有文本输入的时候会出现删除图标,点击删除图标实现文本的清空,其次对密码的返回做了处理,用*替代系统提供的.. 首先看效果图: 整体布局UI: <com.example.zdyedittext.ClearEditText android:id="@+id/editText1" android:layout_width="fill_parent" android:layout_height="35dp
Android定制自己的EditText轻松改变底线颜色

最近做 android 项目遇到这个问题,为了保持 app 风格一致,需要将原生的EditText底线颜色改成橙色.网上搜了一些解决方案,特此记录总结一下. 效果图默认的EditText底线颜色是蓝色的, 我们想实现橙色的效果实现方法 1.准备两个背景图一个作为 edittext 的默认背景 , 另一个作为输入时候的背景 Note 使用 9.png, 不要用png, 否则图片会模糊, 花掉在文件夹 drawable 用selector 建立一个xml 文件 <!-- drawable/
Android控件系列之EditText使用方法

学习目的: 1.掌握在Android中如何建立EditText2.掌握EditText的常用属性3.掌握EditText焦点的事件.按键的事件(监听器) 介绍: EditText是接受用户输入信息的最重要控件.通过前面课程的学习,您可能会猜到可以利用EditText.getText()获取它的文本,但真正的项目中,可能没那么简单,需要更多的限制,如文本长度限制,是否数字限制等等. 鉴于手机屏幕尺寸有限,您可能总想着如何节约控件.在每个用户需要填写内容的文本框的左边加上标题在PC上是一种优雅的方法
Android取消EditText自动获取焦点默认行为

在项目中,一进入一个页面, EditText默认就会自动获取焦点. 那么如何取消这个默认行为呢? 在网上找了好久,有点监听软键盘事件,有点调用 clearFouse()方法,但是测试了都没有! xml中也找不到相应的属性可以关闭这个默认行为解决之道:在EditText的父级控件中找一个,设置成复制代码代码如下: android:focusable="true" android:focusableInTouchMode="true" 这样,就把EditTex
Android自定义控件EditText实现清除和抖动功能

本文实例为大家分享了Android EditText实现清除和抖动功能的具体代码,供大家参考,具体内容如下源码如下: public class ClearEditText extends EditText implements View.OnFocusChangeListener,TextWatcher { / * 删除按钮的引用 */ private Drawable mClearDrawable; / * 控件是否有焦点 */ private boolean hasFoucs; publi
Android中EditText实现不可编辑解决办法

android:editable is deprecated: Use an <EditText> to make it editable android:editable is deprecated: Use inputType instead 分析:关于EditText控件的read-only问题,即: 无法通过UI更改其中的内容, 但可以选定部分内容, 进行复制.在早期的sdk, EditText有Editable属性, 现在这个属性已经deprecated了. 解决方法: 其实只需
Android中EditText显示明文与密码的两种方式

效果图如下所述: 布局 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_pa
Android EditText实现扁平化的登录界面

先来看看登录界面写完的效果图 2 监听editText,可以一键清空 3 checkBox的颜色统一代码下面,说说如何实现这个界面的,我将代码全部贴出来. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://

Android自定义EditText实现登录界面

相关推荐

随机推荐