(android地图开发) 高德地图手势切换

逃离我推掉我的手 2024-04-17 05:45 168阅读 0赞

效果截图：

CenterCenter 1Center 2

相关布局文件：

（手势滑动第一个界面）

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     android:layout_width="fill_parent"
  3.     android:layout_height="fill_parent"
  4.     android:orientation="vertical" 
  5.      android:background="#ffffff"
  6.     >
  8.     <LinearLayout
  9.         android:layout_width="fill_parent"
  10.         android:layout_height="42dp"
  11.         android:background="#ffffff"
  12.         android:orientation="horizontal" >
  14.         <ImageView
  15.             android:layout_width="wrap_content"
  16.             android:layout_height="wrap_content"
  17.             android:layout_margin="6dp"
  18.             android:background="@drawable/ml_card_bg"
  19.             android:src="@drawable/back_btn" >
  20.         </ImageView>
  22.         <LinearLayout
  23.             android:layout_width="210dp"
  24.             android:layout_height="wrap_content"
  25.             android:layout_marginBottom="6dp"
  26.             android:layout_marginTop="6dp"
  27.             android:background="@drawable/sapi_input"
  28.             android:orientation="horizontal" >
  30.             <ImageView
  31.                 android:layout_width="wrap_content"
  32.                 android:layout_height="wrap_content"
  33.                 android:layout_marginTop="5dp"
  34.                 android:background="@drawable/change" />
  36.             <TextView
  37.                 android:layout_width="wrap_content"
  38.                 android:layout_height="wrap_content"
  39.                 android:layout_gravity="center"
  40.                 android:layout_margin="2dp"
  41.                 android:hint="地点、地铁、公交..."
  42.                 android:textColor="@color/grey"
  43.                 android:textSize="16dp" >
  44.             </TextView>
  45.         </LinearLayout>
  47.         <Button
  48.             android:layout_width="wrap_content"
  49.             android:layout_height="wrap_content"
  50.             android:layout_marginBottom="6dp"
  51.             android:layout_marginTop="6dp"
  52.             android:background="@drawable/header_voice_normal" >
  53.         </Button>
  54.     </LinearLayout>
  56.     <LinearLayout
  57.         android:layout_width="fill_parent"
  58.         android:layout_height="16dp"
  59.         android:background="#ffffff"
  60.         android:gravity="center"
  61.         android:orientation="horizontal" >
  63.         <ImageView
  64.             android:layout_width="wrap_content"
  65.             android:layout_height="wrap_content"
  66.             android:src="@drawable/icon_scrollview_cur" >
  67.         </ImageView>
  69.         <View
  70.             android:layout_width="16dp"
  71.             android:layout_height="wrap_content" >
  72.         </View>
  74.         <ImageView
  75.             android:layout_width="wrap_content"
  76.             android:layout_height="wrap_content"
  77.             android:src="@drawable/icon_scrollview_notcur" >
  78.         </ImageView>
  80.         <View
  81.             android:layout_width="16dp"
  82.             android:layout_height="wrap_content" >
  83.         </View>
  85.         <ImageView
  86.             android:layout_width="wrap_content"
  87.             android:layout_height="wrap_content"
  88.             android:src="@drawable/icon_scrollview_notcur" >
  89.         </ImageView>
  90.     </LinearLayout>
  92.     <LinearLayout
  93.         android:layout_width="fill_parent"
  94.         android:layout_height="fill_parent"       
  95.         android:layout_marginTop="6dp"
  96.         android:orientation="vertical" >
  98.         <ListView
  99.             android:id="@+id/list_search_me"
  100.             android:layout_width="fill_parent"
  101.             android:layout_height="wrap_content" >
  102.         </ListView>
  103.     </LinearLayout>
  105. </LinearLayout>

（手势滑动第二个界面）

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     android:layout_width="fill_parent"
  3.     android:layout_height="fill_parent"
  4.     android:orientation="vertical"
  5.      android:background="#ffffff"
  6.      >
  8.     <LinearLayout
  9.         android:layout_width="fill_parent"
  10.         android:layout_height="42dp"
  11.         android:background="#ffffff"
  12.         android:orientation="horizontal" >
  14.         <ImageView
  15.             android:layout_width="wrap_content"
  16.             android:layout_height="wrap_content"
  17.             android:layout_margin="6dp"
  18.             android:background="@drawable/ml_card_bg"
  19.             android:src="@drawable/back_btn" >
  20.         </ImageView>
  22.         <LinearLayout
  23.             android:layout_width="210dp"
  24.             android:layout_height="wrap_content"
  25.             android:layout_marginBottom="6dp"
  26.             android:layout_marginTop="6dp"
  27.             android:background="@drawable/sapi_input"
  28.             android:orientation="horizontal" >
  30.             <ImageView
  31.                 android:layout_width="wrap_content"
  32.                 android:layout_height="wrap_content"
  33.                 android:layout_marginTop="5dp"
  34.                 android:background="@drawable/change" />
  36.             <TextView
  37.                 android:layout_width="wrap_content"
  38.                 android:layout_height="wrap_content"
  39.                 android:layout_gravity="center"
  40.                 android:layout_margin="2dp"
  41.                 android:hint="地点、地铁、公交..."
  42.                 android:textColor="@color/grey"
  43.                 android:textSize="16dp" >
  44.             </TextView>
  45.         </LinearLayout>
  47.         <Button
  48.             android:layout_width="wrap_content"
  49.             android:layout_height="wrap_content"
  50.             android:layout_marginBottom="6dp"
  51.             android:layout_marginTop="6dp"
  52.             android:background="@drawable/header_voice_normal" >
  53.         </Button>
  54.     </LinearLayout>
  56.     <LinearLayout
  57.         android:layout_width="fill_parent"
  58.         android:layout_height="16dp"
  59.         android:background="#ffffff"
  60.         android:gravity="center"
  61.         android:orientation="horizontal" >
  63.         <ImageView
  64.             android:layout_width="wrap_content"
  65.             android:layout_height="wrap_content"
  66.             android:src="@drawable/icon_scrollview_notcur" >
  67.         </ImageView>
  69.         <View
  70.             android:layout_width="16dp"
  71.             android:layout_height="wrap_content" >
  72.         </View>
  74.         <ImageView
  75.             android:layout_width="wrap_content"
  76.             android:layout_height="wrap_content"
  77.             android:src="@drawable/icon_scrollview_cur" >
  78.         </ImageView>
  80.         <View
  81.             android:layout_width="16dp"
  82.             android:layout_height="wrap_content" >
  83.         </View>
  85.         <ImageView
  86.             android:layout_width="wrap_content"
  87.             android:layout_height="wrap_content"
  88.             android:src="@drawable/icon_scrollview_notcur" >
  89.         </ImageView>
  90.     </LinearLayout>
  92.     <LinearLayout
  93.         android:layout_width="fill_parent"
  94.         android:layout_height="fill_parent"
  95.         android:layout_marginTop="6dp"       
  96.         android:orientation="vertical"        
  97.         >
  99.         <GridView
  100.             android:id="@+id/grid_search_launcher"
  101.             android:layout_width="fill_parent"
  102.             android:layout_height="fill_parent"
  103.             android:horizontalSpacing="8dp"
  104.             android:numColumns="5"
  105.             android:verticalSpacing="6dp" >
  106.         </GridView>
  107.     </LinearLayout>
  109. </LinearLayout>

（手势滑动第三个界面）

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     android:layout_width="fill_parent"
  3.     android:layout_height="fill_parent"
  4.     android:orientation="vertical" >
  6.     <LinearLayout
  7.         android:layout_width="fill_parent"
  8.         android:layout_height="42dp"
  9.         android:background="#ffffff"
  10.         android:orientation="horizontal" >
  12.         <ImageView
  13.             android:layout_width="wrap_content"
  14.             android:layout_height="wrap_content"
  15.             android:layout_margin="6dp"
  16.             android:background="@drawable/ml_card_bg"
  17.             android:src="@drawable/back_btn" >
  18.         </ImageView>
  20.         <LinearLayout
  21.             android:layout_width="210dp"
  22.             android:layout_height="wrap_content"
  23.             android:layout_marginBottom="6dp"
  24.             android:layout_marginTop="6dp"
  25.             android:background="@drawable/sapi_input"
  26.             android:orientation="horizontal" >
  28.             <ImageView
  29.                 android:layout_width="wrap_content"
  30.                 android:layout_height="wrap_content"
  31.                 android:layout_marginTop="5dp"
  32.                 android:background="@drawable/change" />
  34.             <TextView
  35.                 android:layout_width="wrap_content"
  36.                 android:layout_height="wrap_content"
  37.                 android:layout_gravity="center"
  38.                 android:layout_margin="2dp"
  39.                 android:hint="地点、地铁、公交..."
  40.                 android:textColor="@color/grey"
  41.                 android:textSize="16dp" >
  42.             </TextView>
  43.         </LinearLayout>
  46.        <Button
  47.             android:layout_width="wrap_content"
  48.             android:layout_height="wrap_content"
  49.             android:layout_marginBottom="6dp"
  50.             android:layout_marginTop="6dp"
  51.             android:background="@drawable/header_voice_normal" >
  52.         </Button>
  53.     </LinearLayout>
  54.     <LinearLayout
  55.         android:layout_width="fill_parent"
  56.         android:layout_height="16dp"
  57.         android:background="#ffffff"
  58.         android:gravity="center"
  59.         android:orientation="horizontal" >
  61.         <ImageView
  62.             android:layout_width="wrap_content"
  63.             android:layout_height="wrap_content"
  64.             android:src="@drawable/icon_scrollview_notcur" >
  65.         </ImageView>
  67.         <View
  68.             android:layout_width="16dp"
  69.             android:layout_height="wrap_content" >
  70.         </View>
  72.         <ImageView
  73.             android:layout_width="wrap_content"
  74.             android:layout_height="wrap_content"
  75.             android:src="@drawable/icon_scrollview_notcur" >
  76.         </ImageView>
  78.         <View
  79.             android:layout_width="16dp"
  80.             android:layout_height="wrap_content" >
  81.         </View>
  83.         <ImageView
  84.             android:layout_width="wrap_content"
  85.             android:layout_height="wrap_content"
  86.             android:src="@drawable/icon_scrollview_cur" >
  87.         </ImageView>
  88.     </LinearLayout>
  90.     <LinearLayout
  91.         android:layout_width="fill_parent"
  92.         android:layout_height="fill_parent"
  93.         android:layout_marginTop="6dp"      
  94.         android:orientation="vertical" >
  96.         <GridView
  97.             android:id="@+id/grid_search_life"
  98.             android:layout_width="fill_parent"
  99.             android:layout_height="fill_parent"
  100.             android:horizontalSpacing="8dp"
  101.             android:numColumns="5"
  102.             android:verticalSpacing="6dp" >
  103.         </GridView>
  104.     </LinearLayout>
  106. </LinearLayout>

源代码：

（滑动第一个页面）

  1. package com.rf.mapabc;
  5. import android.app.Activity;
  6. import android.content.Intent;
  7. import android.os.Bundle;
  8. import android.view.GestureDetector;
  9. import android.view.MotionEvent;
  10. import android.view.View;
  11. import android.view.View.OnTouchListener;
  12. import android.view.Window;
  13. import android.view.WindowManager;
  14. import android.view.GestureDetector.OnGestureListener;
  16. public class SearchActivity extends Activity implements OnGestureListener {
  17.     // 手势检测器
  18.     GestureDetector detector;
  19.     @Override
  20.     public void onCreate(Bundle savedInstanceState) {
  21.         // TODO Auto-generated method stub
  22.         super.onCreate(savedInstanceState);
  23.         // 全屏
  24.         requestWindowFeature(Window.FEATURE_NO_TITLE);
  26.         getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
  27.                 WindowManager.LayoutParams.FLAG_FULLSCREEN);
  29.         setContentView(R.layout.search);
  30.         detector = new GestureDetector(this);
  31.         //ListView 数据实例化方法在此编写
  32.     }
  34.     //相关的覆写方法    
  35.     @Override
  36.     public boolean onDown(MotionEvent e) {
  37.         // TODO Auto-generated method stub
  38.         return false;
  39.     }
  40.     @Override
  41.     public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
  42.             float velocityY) {
  43.         // TODO Auto-generated method stub
  44.         if (e1.getX() - e2.getX() > 50) {
  45.             // 相关页面的滑动
  46.             Intent intent = new Intent(SearchActivity.this, Search_middleActivity.class);
  47.             startActivity(intent);
  49.             return true;
  50.         }
  51.         return true;
  53.     }
  54.     @Override
  55.     public void onLongPress(MotionEvent e) {
  56.         // TODO Auto-generated method stub
  58.     }
  59.     @Override
  60.     public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
  61.             float distanceY) {
  62.         // TODO Auto-generated method stub
  63.         return false;
  64.     }
  65.     @Override
  66.     public void onShowPress(MotionEvent e) {
  67.         // TODO Auto-generated method stub
  69.     }
  70.     @Override
  71.     public boolean onSingleTapUp(MotionEvent e) {
  72.         // TODO Auto-generated method stub
  73.         return false;
  74.     }
  75.     //添加事件处理函数        
  77.     @Override
  78.     public boolean onTouchEvent(MotionEvent event) {
  79.         // TODO Auto-generated method stub
  80.         return this.detector.onTouchEvent(event);
  81.     }
  85. }

（滑动第二个页面）

  1. package com.rf.mapabc;
  3. import com.rf.adapter.ImageAdapter;
  5. import android.app.Activity;
  6. import android.content.Intent;
  7. import android.os.Bundle;
  8. import android.view.GestureDetector;
  9. import android.view.MotionEvent;
  10. import android.view.View;
  11. import android.view.View.OnTouchListener;
  12. import android.view.Window;
  13. import android.view.WindowManager;
  14. import android.view.GestureDetector.OnGestureListener;
  15. import android.widget.GridView;
  16. import android.widget.SlidingDrawer;
  18. public class Search_middleActivity extends Activity implements OnGestureListener {
  19.     // 手势检测器
  20.     GestureDetector detector;
  23.     @Override
  24.     public void onCreate(Bundle savedInstanceState) {
  25.         // TODO Auto-generated method stub
  26.         super.onCreate(savedInstanceState);
  27.         //全屏代码
  28.         requestWindowFeature(Window.FEATURE_NO_TITLE);
  29.         getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
  30.                 WindowManager.LayoutParams.FLAG_FULLSCREEN);
  31.         setContentView(R.layout.search_middle);
  32.         // 手势监听实例化代码
  33.                 detector = new GestureDetector(this);
  34.               //组件类
  35.                 final GridView gridview=(GridView) findViewById(R.id.grid_search_launcher);
  36.                 //相关资源组件
  37.                  int[] images=new int[]{
  38.                             R.drawable.pg1,
  39.                             R.drawable.pg2,
  40.                             R.drawable.pg3,
  41.                             R.drawable.pg4,
  42.                             R.drawable.pg5,
  43.                             R.drawable.pg6,
  44.                             R.drawable.pg7,
  45.                             R.drawable.pg8,
  46.                             R.drawable.pg9,
  47.                             R.drawable.pg10
  48.                     };
  49.                  String[] contents=new String[]{
  50.                          "团购","美食","酒店","公交站","银行","电影院","KTV","丽人","超市","景点"
  52.                  };
  53.                  //自定义适配器            
  54.                     final ImageAdapter adapter=new ImageAdapter(this,images,contents);
  55.                     gridview.setAdapter(adapter);
  57.     }
  58.     //覆写相关方法
  59.     @Override
  60.     public boolean onDown(MotionEvent e) {
  61.         // TODO Auto-generated method stub
  62.         return false;
  63.     }
  64.     @Override
  65.     public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
  66.             float velocityY) {
  67.         // TODO Auto-generated method stub
  68.         // TODO Auto-generated method stub
  69.                 // e1 触摸的起始位置，e2 触摸的结束位置，velocityX X轴每一秒移动的像素速度（大概这个意思） velocityY 就是Ｙ咯
  70.                 // 手势左,上为正 ——，右，下为负正
  71.                 if (e2.getX() - e1.getX() > 50) {
  72.                     // 为什么是50？ 这个根据你的模拟器大小来定，看看模拟器宽度，e2.getX()-e1.getX()<屏幕宽度就ＯＫ
  74.                     // 要触发什么事件都在这里写就OK
  75.                     // 如果要跳转到另外一个activity//SecondActivity
  76.                     Intent intent = new Intent(Search_middleActivity.this, SearchActivity.class);
  77.                     startActivity(intent);                        
  78.                     return true;
  79.                 }
  80.                 if (Math.abs(e2.getX() - e1.getX()) > 50) {
  81.                     Intent intent = new Intent(Search_middleActivity.this, Search_endActivity.class);
  82.                     startActivity(intent);                    
  83.                     return true;
  84.                 }
  85.         return false;
  86.     }
  87.     @Override
  88.     public void onLongPress(MotionEvent e) {
  89.         // TODO Auto-generated method stub
  91.     }
  92.     @Override
  93.     public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
  94.             float distanceY) {
  95.         // TODO Auto-generated method stub
  96.         return false;
  97.     }
  98.     @Override
  99.     public void onShowPress(MotionEvent e) {
  100.         // TODO Auto-generated method stub
  102.     }
  103.     @Override
  104.     public boolean onSingleTapUp(MotionEvent e) {
  105.         // TODO Auto-generated method stub
  106.         return false;
  107.     }
  108.     //事件方法
  109.     @Override
  110.     public boolean onTouchEvent(MotionEvent event) {
  111.         // TODO Auto-generated method stub
  112.         return this.detector.onTouchEvent(event);
  113.     }
  116. }

（滑动第三个界面）

  1. package com.rf.mapabc;
  7. import com.rf.adapter.ImageAdapter;
  9. import android.app.Activity;
  10. import android.content.Intent;
  11. import android.os.Bundle;
  12. import android.view.GestureDetector;
  13. import android.view.MotionEvent;
  14. import android.view.View;
  15. import android.view.View.OnTouchListener;
  16. import android.view.Window;
  17. import android.view.WindowManager;
  18. import android.view.GestureDetector.OnGestureListener;
  19. import android.widget.GridView;
  21. public class Search_endActivity extends Activity implements OnGestureListener{
  22.     // 手势检测器
  23.     GestureDetector detector;
  24.     @Override
  25.     public void onCreate(Bundle savedInstanceState) {
  26.         // TODO Auto-generated method stub
  27.         super.onCreate(savedInstanceState);
  28.         //全屏代码
  29.         requestWindowFeature(Window.FEATURE_NO_TITLE);
  30.         getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
  31.                 WindowManager.LayoutParams.FLAG_FULLSCREEN);
  32.         setContentView(R.layout.serach_end);
  33.         // 手势监听实例化代码
  34.         detector = new GestureDetector(this);
  35.         //组件类
  36.         final GridView gridview=(GridView) findViewById(R.id.grid_search_life);
  37.         //相关资源组件
  38.          int[] images=new int[]{
  39.                     R.drawable.pg1,
  40.                     R.drawable.pg2,
  41.                     R.drawable.pg3,
  42.                     R.drawable.pg4,
  43.                     R.drawable.pg5,
  44.                     R.drawable.pg6,
  45.                     R.drawable.pg7,
  46.                     R.drawable.pg8,
  47.                     R.drawable.pg9,
  48.                     R.drawable.pg10
  49.             };
  50.          String[] contents=new String[]{
  51.                  "团购","美食","酒店","公交站","银行","电影院","KTV","丽人","超市","景点"
  53.          };
  54.          //自定义适配器            
  55.             final ImageAdapter adapter=new ImageAdapter(this,images,contents);
  56.             gridview.setAdapter(adapter);
  57.     }
  58.     //覆写相关方法
  59.     @Override
  60.     public boolean onDown(MotionEvent e) {
  61.         // TODO Auto-generated method stub
  62.         return false;
  63.     }
  64.     @Override
  65.     public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
  66.             float velocityY) {
  67.         // TODO Auto-generated method stub
  68.         if (e2.getX() - e1.getX() > 50) {
  69.             // 为什么是50？ 这个根据你的模拟器大小来定，看看模拟器宽度，e2.getX()-e1.getX()<屏幕宽度就ＯＫ
  71.             // 要触发什么事件都在这里写就OK
  72.             // 如果要跳转到另外一个activity//SecondActivity
  73.             Intent intent = new Intent(Search_endActivity.this, Search_middleActivity.class);
  74.             startActivity(intent);            
  75.             return true;
  76.         }
  77.         return true;
  78.     }
  79.     @Override
  80.     public void onLongPress(MotionEvent e) {
  81.         // TODO Auto-generated method stub
  83.     }
  84.     @Override
  85.     public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
  86.             float distanceY) {
  87.         // TODO Auto-generated method stub
  88.         return false;
  89.     }
  90.     @Override
  91.     public void onShowPress(MotionEvent e) {
  92.         // TODO Auto-generated method stub
  94.     }
  95.     @Override
  96.     public boolean onSingleTapUp(MotionEvent e) {
  97.         // TODO Auto-generated method stub
  98.         return false;
  99.     }
  100.     //事件监听
  102.     @Override
  103.     public boolean onTouchEvent(MotionEvent event) {
  104.         // TODO Auto-generated method stub
  105.         return this.detector.onTouchEvent(event);
  106.     }
  109. }

发表评论

表情：
评论列表 （有 0 条评论，168人围观）

还没有评论，来说两句吧...

相关阅读