android打开小屏登录画面,Android开发实战项目--捂眼睛登录界面

目的

实现捂眼睛登录界面的设计，学习配置文件的自定义，如何添加虚化层，动画。

Screenshot_20190921_223224_swu.ht.java.covereyes.jpg

相关技术、及其实现

1、虚化层

使用第三方库(BlurLayout)来添加虚化层

android:layout_width="match_parent"

android:layout_height="match_parent"

app:blk_fps="0"

app:blk_blurRadius="25"/>

2、然后分别添加各种控件，在添加输入框，标题和按钮用内嵌的LinearLayout

简单举例：

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:text="炫酷登录"

android:textColor="#999999"

android:textSize="20dp"

android:textAlignment="center"/>

android:id="@+id/text_user"

style="@style/EditTextStyle"

android:drawableLeft="@drawable/iconfont_user"

android:hint="请输入用户名"

android:inputType="text"/>

注意：可以把相同风格样式的控件写成一种style

3、通过iniView方法来监听内容，焦点的变化，添加监听器来管理内容的改变，同时实现后面捂眼睛动画的方法

public void initViews(){

user = findViewById(R.id.text_user);

password = findViewById(R.id.text_password);

loginBtn = findViewById(R.id.bt_login);

leftArm = findViewById(R.id.iv_left_arm);

rightArm = findViewById(R.id.iv_right_arm);

lefthand = findViewById(R.id.iv_left_hand);

rightHand = findViewById(R.id.iv_right_hand);

//监听内容改变 - > 控制按钮的点击状态

user.addTextChangedListener(this);

password.addTextChangedListener(this);

//监听EditText的焦点变化 -> 控制是否需要捂住眼睛

password.setOnFocusChangeListener(new View.OnFocusChangeListener() {

@Override

public void onFocusChange(View view, boolean b) {

if(hasWindowFocus() == true){

//成为焦点 捂住眼睛

close();

}else {

//打开

open();

}

}

});

}

4、通过实现方法onTouchEvent方法实现键盘的隐藏功能

键盘如何显示 ： 当有控件获得焦点focus 自动弹出键盘

1、点击软键盘的enter键 自动收回键盘

2、代码控制 InputMethodManager

showSoftInput：显示键盘 必须先让真个view成为焦点 user.requestFocus()

@Override

public boolean onTouchEvent(MotionEvent event) {

if(event.getAction() == MotionEvent.ACTION_DOWN){

//隐藏键盘

//1.获取用于管理键盘输入的管理器

InputMethodManager inputManager = (InputMethodManager) getSystemService(INPUT_METHOD_SERVICE);

//2.隐藏键盘

inputManager.hideSoftInputFromWindow(user.getWindowToken(),0);

//3.取消焦点

View focusView = getCurrentFocus();

/*

focusView.clearFocus();//取消焦点

*/

if(focusView != null){

getCurrentFocus().clearFocus();

}

//focusView.requestFocus(); //请求焦点

}

return true;

}

5、捂眼睛动画

捂眼睛分为捂住眼睛和打开眼睛

捂住眼睛就是添加的控件绕着一个点旋转然后遮住眼睛的这个动，打开眼睛就是相反旋转。

首先，创建hand_up和hand_down的动画配置文件

然后在进行代码调用

RotateAnimation lAnim = new RotateAnimation(0,170,leftArm.getWidth(),0f);

lAnim.setDuration(500);

lAnim.setFillAfter(true);//旋转上去后保持状态

leftArm.startAnimation(lAnim);

TranslateAnimation down = (TranslateAnimation) AnimationUtils.loadAnimation(this,R.anim.hand_down_anim);

lefthand.startAnimation(down);

rightHand.startAnimation(down);

PS

将近有半个月没有正式学习相关知识点了，这个demo在之前的空闲时间里面，也尝试过但是存在一个问题就是什么时候需要进行代码创建，这个问题还是没有搞懂。