Android中怎么通過自定義EditText實現登錄界面

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>

看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注億速云行業資訊頻道，感謝您對億速云的支持。