Android仿QQ登录界面案例

【1】画UI

【2】各部分具体代码以及解析：

【2.1】QQ图标，ImageView

<ImageView 
        android:id="@+id/login_picture"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/login_picture_bg"
        android:contentDescription="@string/app_name"    
        android:src="@drawable/login_default_avatar"
        android:layout_centerHorizontal="true"  
        android:layout_marginTop="100dp"/>

解析第5行代码：

android:background="@drawable/login_picture_bg"

通过自定义login_picture_bg.xml来改变ImageView的背景，让其背景呈白色，圆角部分稍微小一些。代码如下

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

解析第6行代码：

android:src="@drawable/login_default_avatar"

通过src找到准备好的QQ图标背景图片