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>
看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注亿速云行业资讯频道，感谢您对亿速云的支持。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
