
看上面的圖,其實這個頁面的UI實現不復雜,首先是背景部分的實現這個參考 android開發我的新浪微博客戶端-載入頁面UI篇(1.1),重點來講講這個半透明的彈出對話框窗口是如何實現的,首先新建名為AuthorizeActivity.java的Activity,并且在AndroidManifest.xml文件中添加這個Activity,這樣這個Activity才能被使用,接下來為這個Activity新建名為authorize.xml的Layout,這個Layout很簡單只負責logo小圖標顯示,背景部分和透明窗口都是有代碼來實現,所以非常簡單參考 android開發我的新浪微博客戶端-載入頁面UI篇(1.1)
完成Layout建立后在AuthorizeActivity的onCreate方法添加如下代碼,設置authorize.xml為AuthorizeActivity的頁面Layout:
接下來是本文的重點部分,半透明彈窗用Dialog控件進行實現,首先為這個半透明彈窗新建一個名為dialog.xml的Layout,這個Layout主要是對4個元素進行布局,如圖所示分別為i小圖標、信息提示、中間文字、開始按鈕,首先用LinearLayout對i小圖標和信息提示進行水平布局,中間文字以一個TextView跟在下面,對于開始按鈕是用RelativeLayout進行底部對齊顯示。具體代碼如下:
這個樣式文件的說明如下
parent="@android:style/Theme.Dialog" :在系統Dialog樣式基礎上,相當于繼承系統樣式
<item name="android:windowFrame">@null</item> :Dialog的windowFrame框為無
<item name="android:windowIsFloating">true</item>:是否浮現在activity之上
<item name="android:windowIsTranslucent">false</item>:是否半透明
<item name="android:windowNoTitle">true</item>:是否顯示title
<item name="android:windowBackground">@drawable/dia_bg</item>:設置dialog的背景
<item name="android:backgroundDimEnabled">false</item>: 背景是否模糊顯示
接下來寫java代碼把這個半透明彈窗顯示出來,在AuthorizeActivity的onCreate方法添加如下代碼:
posted on 2012-03-20 22:02
mixer-a 閱讀(531)
評論(0) 編輯 收藏