(android地图开发) 高德地图添加抽屉栏效果

矫情吗；* 2023-10-19 08:13 174阅读 0赞

截图效果：

![Center][]

Android 抽屉相关介绍：

SlidingDrawer（滑动式抽屉）隐藏屏外的内容，并允许用户拖拽一个handle以显示隐藏的内容。它由两个子视图组成：一个是用户拖拽的handle（柄），另一个是随着拖动变化的content（内容）。SlidingDrawer应当作为内部布局的覆盖来使用，也就是说SlidingDrawer内部应该使用FrameLayout或RelativeLayout布局。SlidingDrawer的大小决定了其内容显示时所占空间的大小，所以它的尺寸一般定义为match_parent。在XML布局中SlidingDrawer必须指定handle和content的id.
    
    其中:
    
    android:allowSingleTap     指示是否可通过单击handle打开或关闭（如果是false，刚用户必须通过拖动，滑动或者使用轨迹球，来打开/关闭抽屉。）默认的是true。
    
    android:animateOnClick    指示当用户点击handle的时候，抽屉是否以动画的形式打开或关闭。默认的是true。
    
    android:bottomOffset      Handle距离SlidingDrawer底部的额外距离
    
    android:content              标识SlidingDrawer的内容
    
    android:handle               标识SlidingDrawer的han

源代码：

布局文件：

组件和适配器代码：

package com.rf.adapter;
    
    
    
    import com.rf.component.ViewHolder;
    import android.content.Context;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.BaseAdapter;
    
    
    public class ImageAdapter extends BaseAdapter {
    	// 定义相关参数（Context:上下文,Integer[]:图片资源）
    	private Context context;
    	private int[] imageIds;
    	private String[] contents;
    
    	// 相关的构造函数
    	public ImageAdapter(Context context, int[] imageIds,String[] contents) {
    		super();
    		this.context = context;
    		this.imageIds = imageIds;
    		this.contents=contents;
    	}
    
    
    
    	@Override
    	public int getCount() {
    		// TODO Auto-generated method stub
    		return imageIds.length;
    	}
    
    	@Override
    	public Object getItem(int arg0) {
    		// TODO Auto-generated method stub
    		return arg0;
    	}
    
    	@Override
    	public long getItemId(int position) {
    		// TODO Auto-generated method stub
    		return position;
    	}
        //核心代码
    	@Override
    	public View getView(int position, View convertView, ViewGroup parent) {
    		// TODO Auto-generated method stub
    		ViewHolder holder;
    		if (convertView == null) {
    			LayoutInflater inflater = LayoutInflater.from(context);
    			convertView = inflater.inflate(com.rf.mapabc.R.layout.adapter, null);
    			holder = new ViewHolder(convertView);
    			// 设置标识
    			convertView.setTag(holder);
    		} else {
    			holder = (ViewHolder) convertView.getTag();
    		}
    		holder.getImageView().setBackgroundResource(imageIds[position]);
    		holder.getTextview().setText(contents[position]);
    
    		return convertView;
    	}
    
    }

package com.rf.adapter;
    
    import com.rf.component.TextHolder;
    import com.rf.component.ViewHolder;
    
    import android.content.Context;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.BaseAdapter;
    
    public class MenuAdapter extends BaseAdapter {
    	//相关参数
    	private Context context;
    	private String[] contexts;
    	//相关构造函数
    	public MenuAdapter(Context context,String[] contexts) {
    		super();
    		this.context = context;
    		this.contexts=contexts;
    	}
    
    	@Override
    	public int getCount() {
    		// TODO Auto-generated method stub
    		return contexts.length;
    	}
    	@Override
    	public Object getItem(int position) {
    		// TODO Auto-generated method stub
    		return position;
    	}
    
    	@Override
    	public long getItemId(int position) {
    		// TODO Auto-generated method stub
    		return position;
    	}
    
    	@Override
    	public View getView(int position, View convertView, ViewGroup parent) {
    		// TODO Auto-generated method stub
    		TextHolder holder;
    		if (convertView == null) {
    			LayoutInflater inflater = LayoutInflater.from(context);
    			convertView = inflater.inflate(com.rf.mapabc.R.layout.menu, null);
    			holder = new TextHolder(convertView);
    			// 设置标识
    			convertView.setTag(holder);
    		} else {
    			holder = (TextHolder) convertView.getTag();
    		}
    		holder.getTextview().setText(contexts[position]);
    		return convertView;
    	}
    
    }

package com.rf.component;
    
    import com.rf.mapabc.R;
    
    import android.view.View;
    import android.widget.TextView;
    
    public class TextHolder {
    	private View baseview;
    	private TextView textview;	
    	
    	//相关构造函数
    	public TextHolder(View baseview) {
    		super();
    		this.baseview = baseview;
    	}
    	//获取相关组件
    	public TextView getTextview() {
    		textview=(TextView) baseview.findViewById(R.id.text);
    		return textview;
    	}
    
    
    	
    
    }

package com.rf.component;
    
    import com.rf.mapabc.R;
    import android.view.View;
    import android.widget.ImageView;
    import android.widget.TextView;
    
    public class ViewHolder {
    	private View baseView;
    
    	private ImageView imageView;
    	private TextView textview;
    
    	// 相关的构造函数
    	public ViewHolder(View baseView) {
    		super();
    		this.baseView = baseView;
    	}
    
    	// 相关组件实例化方法
    
    	public ImageView getImageView() {
    		imageView = (ImageView) baseView.findViewById(R.id.imageView);
    		return imageView;
    	}
    
    	public TextView getTextview() {
    		textview = (TextView) baseView.findViewById(R.id.textView);
    		return textview;
    	}
    
    }

核心代码：

package com.rf.mapabc;
    
    import com.rf.adapter.ImageAdapter;
    import com.rf.adapter.MenuAdapter;
    
    import android.app.Activity;
    import android.os.Bundle;
    import android.widget.GridView;
    import android.widget.SlidingDrawer;
    import android.widget.SlidingDrawer.OnDrawerOpenListener;
    
    public class Test extends Activity {
    
    	@Override
    	public void onCreate(Bundle savedInstanceState) {
    		// TODO Auto-generated method stub
    		super.onCreate(savedInstanceState);
    		setContentView(R.layout.test);
    		//抽屉组件类
    		SlidingDrawer slidingDrawer1=(SlidingDrawer) findViewById(R.id.slidingDrawer1);
    		//相关数据信息
    		 int[] images=new int[]{
    					R.drawable.pg1,
    					R.drawable.pg2,
    					R.drawable.pg3,
    					R.drawable.pg4,
    					R.drawable.pg5,
    					R.drawable.pg6,
    					R.drawable.pg7,
    					R.drawable.pg8,
    					R.drawable.pg9,
    					R.drawable.pg10
    			};
    		 String[] contents=new String[]{
    				 "团购","美食","酒店","公交站","银行","电影院","KTV","丽人","超市","景点"
    				 
    		 };
    		 
    		 String[] texts=new String[]{
    			"中餐","小吃快餐","火锅","自助餐","外卖","湘菜","西餐","KFC","星级酒店","连锁酒店","今夜特价","招待所","电影院","KTV","网吧","酒吧","咖啡厅","商场","景点","洗浴","公交站","加油站","停车场","火车站" 
    		 };
    			//GridView 组件
    			final GridView gridview=(GridView) findViewById(R.id.grid);
    			final GridView girviews=(GridView) findViewById(R.id.grids);
    			//资源文件绑定
    			final ImageAdapter adapter=new ImageAdapter(this,images,contents);
    			final MenuAdapter adapters=new MenuAdapter(this,texts);
    			//抽屉类（打开事件）
    			slidingDrawer1.setOnDrawerOpenListener(new OnDrawerOpenListener(){
    			@Override
    			public void onDrawerOpened() {
    				
    					gridview.setAdapter(adapter);
    					girviews.setAdapter(adapters);
    					//编写想的监听事件
    				
    			}
    			
    		});
    		
    		
    		
    	}

[Center]: https://img-blog.csdn.net/20130816113538578?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvemhvdXpoaXdlbmdhbmc=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center