Android—创建自己的Dialog—数据交互

之所以涉及到这，是因为今天天气不错想着干点什么呢，同时在自己的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中刷新。完成！