Android自定义view之模仿登录界面文本输入框（华为云APP）

• 2.写一个相似布局(代码在最后)

• 3.将布局打气到view中

• 4.小提示文字上浮下潜动画

• 5.密码加密解密显示

• 6.其他一些小知识点

• 7.源码

• 总结

---

效果图

==================================================================

---

一.分析

===================================================================

1.组合多个控件完成此输入框静态效果

2.hint值上浮下潜动画

3.一些功能

二、步骤

===================================================================

1.自定义一个控件

---

public class MyEditVIew extends RelativeLayout {

public MyEditVIew(Context context) {

super(context,null);

}

public MyEditVIew(Context context, AttributeSet attrs) {

super(context, attrs,0);

}

public MyEditVIew(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

}

}

2.写一个相似布局(代码在最后)

---

//代码在最后源码部分

3.将布局打气到view中

---

LayoutInflater.from(context).inflate(R.layout.my_edit_view, this);

4.小提示文字上浮下潜动画

---

//小提示文字出现动画

private void minTextshow(TextView textView) {

AnimationSet animationSet = new AnimationSet(true);

Animation mHiddenAction = new TranslateAnimation(Animation.RELATIVE_TO_SELF,

0.0f, Animation.RELATIVE_TO_SELF, 0.0f,

Animation.RELATIVE_TO_SELF, 1.0f, Animation.RELATIVE_TO_SELF,

0.0f);

Animation alphaAnimation = new AlphaAnimation(0, 1f);

animationSet.addAnimation(mHiddenAction);

animationSet.addAnimation(alphaAnimation);

animationSet.setDuration(300);

textview.startAnimation(animationSet);

}

//小提示文字隐藏动画

private void minTexthide(TextView textView) {

AnimationSet animationSet = new AnimationSet(true);

Animation mShowAction = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.0f,

Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF,

0.0f, Animation.RELATIVE_TO_SELF, 1.0f);

mShowAction.setRepeatMode(Animation.REVERSE);

Animation alphaAnimation = new AlphaAnimation(1f, 0);

animationSet.addAnimation(mShowAction);

animationSet.addAnimation(alphaAnimation);

animationSet.setRepeatMode(Animation.REVERSE);

animationSet.setDuration(300);

textview.startAnimation(animationSet);

CountDownTimer countDownTimer = new CountDownTimer(300, 300) {

@Override

public void onTick(long millisUntilFinished) {

}

@Override

public void onFinish() {

textview.setText(“”);

}

}.start();

}

5.密码加密解密显示

---

主要代码

//设置文字非加密

HideReturnsTransformationMethod method = HideReturnsTransformationMethod.getInstance();

edittext.setTransformationMethod(method);

//设置文字加密

TransformationMethod method = PasswordTransformationMethod.getInstance();

edittext.setTransformationMethod(method);

6.其他一些小知识点

---

1.将光标移到最后

//将光标移到最后

edittext.setSelection(edittext.getText().toString().length());

2.将键盘中的回车和空格去除

public static void setEditTextInputSpace(EditText editText) {

InputFilter filter = new InputFilter() {

@Override

public CharSequence filter(CharSequence source, int start, int end, Spanned dest, int dstart, int dend) {

if (source.equals(" “) || source.toString().contentEquals(”\n")) {

return “”;

} else {

return null;

}

}

};

editText.setFilters(new InputFilter[]{filter});

}

3.给自定义view对外提供一个获取值的方法

public String getText() {

return edittext.getText().toString();

}

7.源码

---

1.MyEditVIew.java

public class MyEditVIew extends RelativeLayout {

private TextView textview;

private EditText edittext;

private boolean mtextisshow; //文字是否显示判断

private boolean imgisshow; //图片是否显示判断

private String hintText;

private ImageView imageView;

private ImageView iV_clean;

public MyEditVIew(Context context) {

super(context,null);

}

public MyEditVIew(Context context, AttributeSet attrs) {

super(context, attrs,0);

init(context, attrs);

setEditTextInputSpace(edittext);

textAddChanged();

imageOnClick();

}

public MyEditVIew(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

}

//打气布局，获取自定义属性的值

private void init(Context context, AttributeSet attrs) {

LayoutInflater.from(context).inflate(R.layout.my_edit_view, this);

textview = findViewById(R.id.textview);

edittext = findViewById(R.id.edittext);

imageView = findViewById(R.id.imageView);

iV_clean=findViewById(R.id.iV_clean);

TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.MyEditVIew);

hintText = ta.getString(R.styleable.MyEditVIew_myhintText);

}

//文字输入监听以及一些逻辑处理（未优化）

private void textAddChanged(){

edittext.addTextChangedListener(new TextWatcher() {

@Override

public void beforeTextChanged(CharSequence s, int start, int count, int after) {

}

@Override

public void onTextChanged(CharSequence s, int start, int before, int count) {

}

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）

最后

其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

以上分享【我的阿里P7移动开发架构师学习笔记】七大模块整套学习资料均免费分享，需要的小伙伴，我已经上传到石墨文档了，大家自取就可以了。白嫖可以，别忘了给我点个关注哈。

当然我也为你们整理好了百度、阿里、腾讯、字节跳动等等互联网超级大厂的历年面试真题集锦。这也是我这些年来养成的习惯，一定要学会把好的东西，归纳整理，然后系统的消化吸收，这样才能极大的提高学习效率和成长进阶。碎片、零散化的东西，我觉得最没有价值的。就好比你给我一张扑克牌，我只会觉得它是一张废纸，但如果你给我一副扑克牌，它便有了它的价值。这和我们收集资料就要收集那些系统化的，是一个道理。

如果你需要，我把他放在GitHub了，无偿分享的。

【Android架构视频+BATJ面试专题PDF+学习笔记】

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。
取就可以了。白嫖可以，别忘了给我点个关注哈。

当然我也为你们整理好了百度、阿里、腾讯、字节跳动等等互联网超级大厂的历年面试真题集锦。这也是我这些年来养成的习惯，一定要学会把好的东西，归纳整理，然后系统的消化吸收，这样才能极大的提高学习效率和成长进阶。碎片、零散化的东西，我觉得最没有价值的。就好比你给我一张扑克牌，我只会觉得它是一张废纸，但如果你给我一副扑克牌，它便有了它的价值。这和我们收集资料就要收集那些系统化的，是一个道理。

如果你需要，我把他放在GitHub了，无偿分享的。

【Android架构视频+BATJ面试专题PDF+学习笔记】

[外链图片转存中…(img-prwKiuwh-1710826971478)]

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。希望这份系统化的技术体系对大家有一个方向参考。