之所以涉及到這，是因為今天天氣不錯想著乾點什麼呢，同時在自己的App上新增一項新功能，第一項就是想新增一個可選擇功能的dialog，在Android的App裡發現咕咚App的運動型別選擇的Dialog真的是漂亮，先上圖：

下面就參考了這個介面做一下，思路是建立一個Activity讓其Theme

android:launchMode="singleTask"
android:screenOrientation="portrait" <!-- 限制此頁面數豎屏顯示。!-->
android:theme="@style/load_dialog"

<style name
 
="load_dialog" parent="@android:style/Theme.Dialog">
        <item name="android:colorBackgroundCacheHint">@null</item>
        <item name="android:windowFrame">@null</item> <!-- 邊框 -->
        <item name="android:windowIsFloating">true</item> <!-- 是否浮現在activity之上 -->
 

        <item name="android:windowIsTranslucent">true</item> <!-- 半透明 -->
        <item name="android:windowNoTitle">true</item> <!-- 無標題 -->
        <!--  <item name="android:background">@drawable/dialog_type</item> dialog背景樣式 -->
        <item name
 
="android:windowBackground">@android:color/transparent</item> <!-- 背景透明 -->
        <item name="android:backgroundDimEnabled">false</item> <!-- 模糊 -->
    </style>

這樣就將Activity設定成功了，接下來就是設定顯示的Xml檔案，程式碼如下：
運動型別用 網格狀的RadioGroup 完成。
首先為每個選項建立由Img和Text組合而成的、外形類似於RadioButton的組合View檢視（下面簡稱URadioButton）
先看URadioButton的佈局，上圖示下文字：只需要把圖片或文字填充到或中就可以實現內容不同的URadioButton
item_type_radiobutton.xml:

<?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:layout_gravity="center"
    android:gravity="center">
    <com.ppl.get_loc.view.CircleImageView
        android:id="@+id/civ_item_gd"
        android:layout_width="50dip"
        android:layout_height="50dip"
        android:scaleType="centerCrop"
        android:background="@android:color/transparent"
        />
    <TextView 
        android:id="@+id/tv_item_gd"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"/>
</LinearLayout>

dialog 的XML檔案的程式碼如下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/dialog_type"
    android:orientation="vertical" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/dialog_sport_type_title" >

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:layout_marginTop="20dp"
            android:gravity="center_horizontal"
            android:text="選擇運動型別"
            android:textColor="@color/orange"
            android:textSize="20sp" />

        <ImageButton
            android:id="@+id/ib_dialog_type_close"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:layout_marginRight="5dp"
            android:background="@android:color/transparent"
            android:src="@drawable/v5_0_1_webview_stop_button" />
    </RelativeLayout>

    <GridView
        android:layout_marginTop="10dp"
        android:layout_marginBottom="10dp"
        android:id="@+id/gb_sport_type"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:gravity="center"
        android:horizontalSpacing="5dip"
        android:numColumns="3"
        android:stretchMode="columnWidth"
        android:verticalSpacing="5dip" >
    </GridView>

</LinearLayout>

為了使對話方塊邊界呈現出弧形重寫了背景，程式碼下：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <solid android:color="#ffffff" />

    <stroke
        android:width="2dp"
        android:color="#ff00ff00" />

    <corners android:radius="15dp" />


    <padding
        android:bottom="2dp"
        android:left="2dp"
        android:right="2dp"
        android:top="2dp" />

</shape>

為了使標題更漂亮，未標題寫的背景程式碼如下：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <gradient
        android:angle="0"
        android:centerColor="#93c1f2"
        android:endColor="#000000"
        android:startColor="#000000" />
    <corners 
        android:topLeftRadius="15dp"
        android:topRightRadius="15dp"
         />
</shape>

至此完成了對話方塊的頁面佈局，現在只差為GridView寫介面卡，其中注意倆點，
一：記住選擇運動型別，所以需要把每次選中的運動型別進行儲存，儲存方法類似儲存登陸使用者資訊的方法，每次進入軟體時讀取之前儲存的運動方式，確定主頁運動方式的標籤。
二：標籤更新，意思是選中的運動方式與其他運動圖片的區別，我採用的是，當點選運動時，對點選的該運動與前一運動狀態的更新，完成連續點選能及時更新，程式碼如下所示：

package com.ppl.get_loc.ui;

import java.util.ArrayList;
import java.util.HashMap;

import android.app.Activity;
import android.content.Context;
import android.content.SharedPreferences;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.GridView;
import android.widget.ImageButton;

import com.ppl.get_loc.R;
import com.ppl.get_loc.utils.PublicData;

public class ActivitySportType extends Activity {
    private ImageButton ib_dialog_type_close;
    private GridView gb_sport_type;
    private int[] img_res = {R.drawable.bike,R.drawable.jogging,R.drawable.mountaineer,R.drawable.caneeing,
            R.drawable.swimmingpng,R.drawable.windurfing};

    private String[] sport_type = {"騎行","跑步","爬山","划船","游泳","帆船"};
    private ArrayList<HashMap<String, Object>>data;
    private Context mContext;
    private SharedPreferences sharedPreferences;
    //對資料進行編輯
    private SharedPreferences.Editor editor;
    private GVSportAdapter adapter;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        setContentView(R.layout.activity_activity_sport_type);
        super.onCreate(savedInstanceState);

        initView();
        initData();
    }
    private void initView() {
        // TODO Auto-generated method stub
        ib_dialog_type_close = (ImageButton)findViewById(R.id.ib_dialog_type_close);
        gb_sport_type = (GridView)findViewById(R.id.gb_sport_type);

        mContext = getApplicationContext();
        sharedPreferences = mContext.getSharedPreferences(PublicData.sportTypeFile, Context.MODE_PRIVATE);
        editor = sharedPreferences.edit();
    }
    private void initData() {
        // TODO Auto-generated method stub
        ib_dialog_type_close.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View arg0) {
                // TODO Auto-generated method stub

            }
        });

        data = new ArrayList<HashMap<String,Object>>();
        for(int i=0;i<sport_type.length;i++){
            if(i == PublicData.sportType){
                HashMap<String, Object> map = new HashMap<String, Object>();
                map.put("text", sport_type[i]);
                map.put("img", PublicData.img_res_ligt[i]);
                data.add(map);
            }else{
                HashMap<String, Object> map = new HashMap<String, Object>();
                map.put("text", sport_type[i]);
                map.put("img", img_res[i]);
                data.add(map);
            }
        }
        adapter = new GVSportAdapter(mContext, data);
        gb_sport_type.setAdapter(adapter);

        gb_sport_type.setOnItemClickListener(new OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                    long arg3) {
                //對資料進行讀取
                PublicData.sportType = sharedPreferences.getInt(PublicData.keySportType, 0);

                HashMap<String, Object> map_to_gray = (HashMap<String, Object>)data.get(PublicData.sportType);    
                map_to_gray.put("img", img_res[PublicData.sportType]);

                HashMap<String, Object> map_ligt = (HashMap<String, Object>)data.get(arg2);     
                map_ligt.put("img",PublicData.img_res_ligt[arg2]);

                editor.putInt(PublicData.keySportType, arg2);
                editor.commit();

                adapter.notifyDataSetChanged();
            }
        });
    }
}

效果如下圖所示：


接下來就是，當選中運動型別後，資料互動。
通過兩部完成資料互動：
1.啟動dialog時，用的是：startActivityForResult；

private void selectSportType() {
        // TODO Auto-generated method stub
        Intent intent = new Intent();
        intent.setClass(getActivity(), ActivitySportType.class);
        startActivityForResult(intent, SELECT_TYPE);
    }

2.呼叫finish前呼叫setResult，向呼叫Activity返回一個結果。
哎呦，新發現：因為這個Activity的主題設定為dialog，發現執行順序是 startActivityForResult 後直接執行 onActivityResult 然後才啟動以dialog為主題的Activity，當Activity執行結束setResult後finish後不執行onActivityResult 。新鮮嘍。
餓了，陰天了，可能會下雨了，而且沒網了，所以下班了，明天繼續。

查資料得到這樣的方法：

方法如下：
假設：主Activity為MainActivity；被呼叫的Dialog類為SampleDialog
此時我們需定義一個介面類：
interface MyListener{
public void refreshActivity(String text);
}
在SampleDIalog的建構函式中傳入MyListener：
public MyListener (MyListener myListener){
this.mMyListener = myListener;
}
並且在需要返回的地方呼叫refreshActivity()方法：
mMyListener.refreshActivity();
然後在MainActivity中實現MyListener介面，並在show Dialog時傳入實現的myListener：
private MyListener myListener = new MyListener(){
@Override
public void refreshActivity(String text){
this.mTextView1.setText(text);
}
}
};new SampleDialog(myListener).show;
這樣便能從Dialog返回需要的資料。

我採用的是將選擇的運動方式儲存成全域性的變數，在finish掉以Dialog為主題的activity後返回原activity時，在OnResume中重新整理。完成！