Android学习自定义Dialog

Dialog是Android提供的各种对话框的基类，和上篇的DialogFragment类似。为什么还要介绍Dialog呢，因为DialogFragment只能运行在Android3.0以上的系统中。虽然现在手机更新的很快，Android系统更新的也很快，但是Android3.0系统以下的用户，还是存在不少的。所以采用Dialog拥有一定的优势。

这篇文章需要实现的是arcgis for android 的地图切换，gis系统一般会为用户提供多种用户的选中，地图切换是必须的。

1.mapswitchDialog

在res的layout中新建android的xml文档。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@color/white"
    android:orientation="vertical" xmlns:android="http://schemas.android.com/apk/res/android">

<LinearLayout
    android:id="@+id/l1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/common_top_layer_with_projection_bg"
    android:gravity="center"
    android:orientation="horizontal" >
    
    <ImageButton
        android:id="@+id/imgswichclose"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:clickable="true"
        android:src="@drawable/icon_cancel_normal" />
    
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_gravity="center"
        android:gravity="right|center"
        android:text="@string/switchmap"
        android:textColor="@color/black"
        android:textSize="12sp" />

</LinearLayout>

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/l1"
    android:orientation="horizontal" >

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/l1"
    android:gravity="center"
    android:orientation="vertical" >

    <ImageButton
        android:id="@+id/imgmap_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/main_map_mode_3d_normal" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/smap1"
        android:textColor="@color/black"
        android:layout_gravity="center"
        android:gravity="right|center" />

</LinearLayout>

<LinearLayout
    android:id="@+id/l3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="20dp"
    android:gravity="center"
    android:orientation="vertical" >

    <ImageButton
        android:id="@+id/imgmap_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/main_map_mode_3d_normal" />

<TextView
      android:layout_width="wrap_content"
        android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:text="@string/map_2"
    android:textColor="@color/black" />

</LinearLayout>
</LinearLayout>
</RelativeLayout>

这个xml文档，也就是我们所说的地图切换的布局页面。

2.建立mapSwitchDialog类

在类中，和DialogFragment情况相似，需要实现onCreate()方法。

public class MapswichFragment extends Dialog {

    
    private refreshUIListener listenr;
    public MapswichFragment(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
    }
    public MapswichFragment(Context context,refreshUIListener listener)
    {
        super(context);
        this.listenr=listener;
    }
     protected void onCreate(Bundle savedInstanceState) {
            // TODO Auto-generated method stub
            super.onCreate(savedInstanceState);
            this.setContentView(R.layout.mapswitch_fragment);
            ImageView image1=(ImageView)findViewById(R.id.imgswichclose);
            image1.setOnClickListener(new View.OnClickListener() {
                
                public void onClick(View v) {
                    // TODO Auto-generated method stub
                dismiss();
                }
            });
            ImageButton img1=(ImageButton)findViewById(R.id.imgmap_1);
            img1.setOnClickListener(new View.OnClickListener() {
                
                public void onClick(View v) {
                    // TODO Auto-generated method stub
                    listenr.refreshUi();
                    
                }

            });
        }
     public interface refreshUIListener
     {
         public void refreshUi();
     }

}

在oncreate方法中，为该dialog指定页面。需要强调的是，在进行地图切换的时候，地图需要实时的在手机上进行显示，也就是我们点击dialog中的图片按钮，Activity要进行更新。在网上看到别人的解决方法还不错，通过定义接口的方法来实现。定义一个事件监听的接口，并在接口中定义一个方法，在构造函数中初始化该监听，在事件中调用该方法。

3.main.xml

main.xml是主页面，这里就不多说了，需要添加一个mapview和一个button。mapview用来显示地图，button用来切换地图。

button的监听事件中调用刚刚定义的dialog就可以实现地图切换。

 ImageButton imgswitch=(ImageButton)findViewById(R.id.btnmapswitch);
         imgswitch.setOnClickListener(new View.OnClickListener() {
            
            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                MapswichFragment frag=new MapswichFragment(MainMapActivity.this,new MapswichFragment.refreshUIListener() {
                    
                    @Override
                    public void refreshUi() {
                        // TODO Auto-generated method stub
                        mMapView.removeAll();
                        ArcGISTiledMapServiceLayer titleLayer=new ArcGISTiledMapServiceLayer(layerurl);
                        mMapView.addLayer(titleLayer);
                        mMapView.addLayer(graphcisLayer);
                    }
                });
                frag.requestWindowFeature(Window.FEATURE_NO_TITLE);
                frag.show();
            }
        });

4.dialog.style

通过style设置dialog的样式。

    <style name="dialog" parent="@android:style/Theme.Dialog">
        <item name="android:windowFrame">@null</item><!--边框-->
        <item name="android:windowIsFloating">true</item><!--是否浮现在activity之上-->
        <item name="android:windowIsTranslucent">false</item><!--半透明-->
        <item name="android:windowNoTitle">true</item><!--无标题-->
        <item name="android:windowBackground">@color/transparent</item><!--背景透明-->
        <item name="android:backgroundDimEnabled">false</item><!--模糊-->
    </style>

5.定义dialog位置

通过windowmanager设置dialog的显示位置。

    Window dialogWindow=frag.getWindow();
        WindowManager.LayoutParams lg= dialogWindow.getAttributes();
        
        dialogWindow.setGravity(Gravity.RIGHT|Gravity.TOP);
        lg.y=90;
        lg.x=20;
        lg.height=android.view.WindowManager.LayoutParams.WRAP_CONTENT;
        lg.width=(int)(getWindowManager().getDefaultDisplay().getWidth());
        dialogWindow.setAttributes(lg);
    
        frag.setCanceledOnTouchOutside(true);