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>

mapdialog

这个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();
      }

 }

Dialog class

在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>

定义dialog样式

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);

dialog的位置