隨筆檔案(101)

我的連接

a
iteye
csdn
www.javady.com
www.javady.com

搜索

閱讀排行榜

看上面的圖，其實(shí)這個(gè)頁面的UI實(shí)現(xiàn)不復(fù)雜，首先是背景部分的實(shí)現(xiàn)這個(gè)參考 android開發(fā)我的新浪微博客戶端-載入頁面UI篇(1.1)，重點(diǎn)來講講這個(gè)半透明的彈出對(duì)話框窗口是如何實(shí)現(xiàn)的，首先新建名為AuthorizeActivity.java的Activity，并且在AndroidManifest.xml文件中添加這個(gè)Activity，這樣這個(gè)Activity才能被使用，接下來為這個(gè)Activity新建名為authorize.xml的Layout,這個(gè)Layout很簡(jiǎn)單只負(fù)責(zé)logo小圖標(biāo)顯示，背景部分和透明窗口都是有代碼來實(shí)現(xiàn)，所以非常簡(jiǎn)單參考 android開發(fā)我的新浪微博客戶端-載入頁面UI篇(1.1)

完成Layout建立后在AuthorizeActivity的onCreate方法添加如下代碼，設(shè)置authorize.xml為AuthorizeActivity的頁面Layout:

@Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.authorize);
        .......
}

接下來是本文的重點(diǎn)部分，半透明彈窗用Dialog控件進(jìn)行實(shí)現(xiàn)，首先為這個(gè)半透明彈窗新建一個(gè)名為dialog.xml的Layout,這個(gè)Layout主要是對(duì)4個(gè)元素進(jìn)行布局，如圖所示分別為i小圖標(biāo)、信息提示、中間文字、開始按鈕，首先用LinearLayout對(duì)i小圖標(biāo)和信息提示進(jìn)行水平布局，中間文字以一個(gè)TextView跟在下面，對(duì)于開始按鈕是用RelativeLayout進(jìn)行底部對(duì)齊顯示。具體代碼如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:orientation="vertical"
  android:padding="10dip">
  <LinearLayout
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:orientation="horizontal">
  <ImageView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:src="@drawable/info_icon">
  </ImageView>
  <TextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="信息提示"
  android:textSize="13px"
  android:textColor="#219ac6"
  android:layout_marginLeft="5dip">
  </TextView>
  </LinearLayout>
  <TextView
  android:id="@+id/text_info"
  android:layout_marginTop="6px"
  android:layout_width="200px"
  android:layout_height="wrap_content"
  android:textColor="#686767"
  android:textSize="14px"
  android:text="第一次使用需要輸入您的新浪微博賬號(hào)和密碼進(jìn)行登錄授權(quán)">
  </TextView>
  <RelativeLayout
  android:layout_width="fill_parent"
  android:layout_height="40px">
      <LinearLayout
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:orientation="horizontal"
      android:layout_centerHorizontal="true"
      android:layout_alignParentBottom="true">
          <ImageButton
          android:id="@+id/btn_start"
          android:layout_width="80px"
          android:layout_height="31px"
          android:src="@drawable/btn_start_selector">
          </ImageButton>
          <ImageButton
          android:id="@+id/btn_cancel"
          android:layout_width="80px"
          android:layout_height="31px"
          android:layout_marginLeft="8px"
          android:src="@drawable/btn_cancel_selector">
          </ImageButton>
      </LinearLayout>
  </RelativeLayout>
 
</LinearLayout>

這個(gè)樣式文件的說明如下

parent="@android:style/Theme.Dialog" ：在系統(tǒng)Dialog樣式基礎(chǔ)上，相當(dāng)于繼承系統(tǒng)樣式

<item name="android:windowFrame">@null</item> ：Dialog的windowFrame框?yàn)闊o

<item name="android:windowIsFloating">true</item>：是否浮現(xiàn)在activity之上

<item name="android:windowIsTranslucent">false</item>:是否半透明

<item name="android:windowNoTitle">true</item>:是否顯示title

<item name="android:windowBackground">@drawable/dia_bg</item>:設(shè)置dialog的背景

<item name="android:backgroundDimEnabled">false</item>: 背景是否模糊顯示

接下來寫java代碼把這個(gè)半透明彈窗顯示出來，在AuthorizeActivity的onCreate方法添加如下代碼：

......
View diaView=View.inflate(this, R.layout.dialog, null);
dialog=new Dialog(AuthorizeActivity.this,R.style.dialog);
dialog.setContentView(diaView);
dialog.show();
......

posted on 2012-03-20 22:02 mixer-a 閱讀(534) 評(píng)論(0) 編輯收藏

新用戶注冊(cè) 刷新評(píng)論列表


只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問管理

常用鏈接

留言簿

隨筆檔案(101)

我的連接

搜索

最新評(píng)論

閱讀排行榜

評(píng)論排行榜