是男人就下100層【第一層】——高仿微信介面（1）

　　從今天開始將進行一個特別有趣且有意義的專欄《是男人就下100層》，計劃對市面上比較火的應用進行高度仿照，並將開發過程貼出來，和大家交流和分享。由於時間關係可能進度會比較緩慢，但是任何事情如果沒有開始，只是頭腦裡的一個想法，可能會錯過很多機會。在此先聲明一點：由於個人能力有限，有什麼不對的地方或者需要改進的地方請各位朋友能夠指出。好吧，直接進入正題【第一層】的目標是高仿介面。

　　先下載一個的apk檔案，安裝到手機啟動後依次可以看到兩個介面：

        

接下來建立我們的工程（工程名:weixin)

閃屏介面AppStart的布局檔案

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:background="@drawable/welcome" ></LinearLayout>

閃屏介面有很多種寫法，可以在Activity中添加一個動畫改變螢幕透明度，或者在主題中給Activity的啟動添加進入離開動畫效果。

AppStart Activity的主題定義：

    <style name="AnimFade" parent="@android:style/Animation.Activity">      <item name="android:activityOpenEnterAnimation">@anim/fade_in</item>      <item name="android:activityOpenExitAnimation">@anim/hold</item>            <item name="android:activityCloseEnterAnimation">@anim/fade_in</item>      <item name="android:activityCloseExitAnimation">@anim/fade_out</item>     </style>    <style name="Anim_style" parent="android:Theme.NoTitleBar">                 <item name="android:windowAnimationStyle">@style/AnimFade</item>           </style> 

該主題繼承自Android系統主題Theme.NoTitleBar用自訂動畫覆蓋了windowAnimationStyle屬性

activityOpenEnterAnimation:表示activity建立效果

activityOpenExitAnimation:表示還沒有調用finish()的退出效果

activityCloseEnterAnimation:表示返回上一個activity進入效果

activityCloseEnterAnimation:表示activity調用finish()後退出效果

anim/fade_in.xml

<?xml version="1.0" encoding="utf-8"?><alpha xmlns:android="http://schemas.android.com/apk/res/android"    android:interpolator="@android:anim/accelerate_interpolator"    android:fromAlpha="0.0" android:toAlpha="1.0"    android:duration="300" />

interpolator定義的是動畫的變動率（alpha, scale, translate, rotate）能夠加速、減速、重複等。

上面定義的是加速動畫，透明度從0到1，持續300毫秒

anim/fade_out.xml

<?xml version="1.0" encoding="utf-8"?><alpha xmlns:android="http://schemas.android.com/apk/res/android"    android:interpolator="@android:anim/accelerate_interpolator"    android:fromAlpha="1.0" android:toAlpha="0.0"    android:duration="300" />

和上面的基本相似，只是透明度部分不同。

anim/hold.xml

<?xml version="1.0" encoding="utf-8"?> <translate xmlns:android="http://schemas.android.com/apk/res/android"       android:interpolator="@android:anim/accelerate_interpolator"       android:fromXDelta="0" android:toXDelta="0"       android:duration="300" />

位移變化動畫。

在manifest中配置AppStart的主題

<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android"    package="com.example.weixin"    android:versionCode="1"    android:versionName="1.0" >    <uses-sdk        android:minSdkVersion="8"        android:targetSdkVersion="18" />    <application        android:allowBackup="true"        android:icon="@drawable/ic_launcher"        android:label="@string/app_name"        android:theme="@style/AppTheme" >        <activity            android:name=".activity.AppStart"            android:label="@string/app_name"            android:theme="@style/Anim_style">            <intent-filter>                <action android:name="android.intent.action.MAIN" />                <category android:name="android.intent.category.LAUNCHER" />            </intent-filter>        </activity>        <activity            android:name=".activity.Welcome">                    </activity>    </application></manifest>

上面的代碼已經實現了上面的第一個圖的效果，下面我們來運行一下

運行效果

下一篇我們來實現上面第二個圖的效果，有什麼問題或建議請在下面留言或加入左邊的交流群交流。

下一篇：http://blog.csdn.net/dawanganban/article/details/20007513