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>

另外還有一個自定義圓形圖標控件將在下一篇中寫出來。呵呵！其實很簡單。只是需要時間整理。