QQ界面实现

QQ界面实现

原創

貂裘换酒

2020-02-21 12:47

今天突然想搞一下QQ登陆界面，虽然很简单但是对于我这种菜鸟来说颇有收获：

这里是显示优化代码吧，其他的太简单了

欢迎界面淡化alpha_in.xml：

<?xml version="1.0" encoding="utf-8"?>
<set
    xmlns:android="http://schemas.android.com/apk/res/android">
<alpha
android:fromAlpha="0.0"
android:toAlpha="1.0"
android:duration="5000" />
</set>

淡出alpha_out.xml：

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

xmlns:android="http://schemas.android.com/apk/res/android">
<alpha
android:fromAlpha="1.0"
android:toAlpha="0.0"
android:duration="5000" />

</set>

EditView优化et_bg_style.xml：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    
    <corners android:radius="8dp"/>
    <solid android:color="#FFFFFF"/>
    <stroke android:width="5dp" android:color="#FFFFFF"/>

</shape>

Button优化btn_login_style.xml：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    
    <item android:state_pressed="false">
        <shape >
            <corners android:radius="5dp"/>
            <solid android:color="#1FBAF3" />
            <stroke android:width="0.5dp" android:color="#1FBAF3"/>
            
        </shape>
    </item>
    
     <item android:state_pressed="true">
        <shape >
            <corners android:radius="5dp"/>
            <solid android:color="#1FBFFF" />
            <stroke android:width="0.5dp" android:color="#1FBFFF"/>
            
        </shape>
    </item>

</selector>

login模块优化login_bg_style.xml：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <!-- 设置圆角 -->
    <corners  android:radius="8dp"/>
    <!-- 设置填充形式和颜色 -->
    <solid android:color="#55FFFFFF"/>
    <!-- 描边 -->
    <stroke android:width="0.5dp" android:color="#CCC"/>

</shape>

另外还有一个自定义圆形图标控件将在下一篇中写出来。呵呵！其实很简单。只是需要时间整理。