android 怎么实现左侧推出导航菜单

 我来答
小傻

2015-07-11 · 知道合伙人软件行家
小傻
知道合伙人软件行家
采纳数:11567 获赞数:31134
已经做过两个上架的app和两个网页项目.

向TA提问 私信TA
展开全部

        Android左侧推出导航菜单可以让Activity继承PopupWindow类来实现的弹出窗体,布局可以根据自己定义设计。弹出效果主要使用了translate和alpha样式实现。具体的做法是下列代码:

第一步:设计弹出窗口xml:
 
Xml代码  
<?xml version="1.0" encoding="utf-8"?>  
<RelativeLayout   
    xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="fill_parent"  
    android:layout_height="wrap_content"  
    android:gravity="center_horizontal"  
    android:orientation="vertical"  
  >  
  
<LinearLayout   
    android:id="@+id/pop_layout"  
    android:layout_width="fill_parent"  
    android:layout_height="wrap_content"  
    android:gravity="center_horizontal"  
    android:orientation="vertical"  
    android:layout_alignParentBottom="true"  
     android:background="@drawable/btn_style_alert_dialog_background"  
     >  
  
      
    <Button  
        android:id="@+id/btn_take_photo"  
        android:layout_marginLeft="20dip"  
        android:layout_marginRight="20dip"  
        android:layout_marginTop="20dip"  
        android:layout_width="fill_parent"  
        android:layout_height="wrap_content"  
        android:text="拍照"  
        android:background="@drawable/btn_style_alert_dialog_button"  
        android:textStyle="bold"  
         />  
  
    <Button  
        android:id="@+id/btn_pick_photo"  
        android:layout_marginLeft="20dip"  
        android:layout_marginRight="20dip"  
        android:layout_marginTop="5dip"   
         android:layout_width="fill_parent"  
        android:layout_height="wrap_content"  
        android:text="从相册选择"  
         android:background="@drawable/btn_style_alert_dialog_button"  
         android:textStyle="bold"  
         />  
  
    <Button  
        android:id="@+id/btn_cancel"  
       android:layout_marginLeft="20dip"  
       android:layout_marginRight="20dip"  
       android:layout_marginTop="15dip"   
       android:layout_marginBottom="15dip"  
       android:layout_width="fill_parent"  
       android:layout_height="wrap_content"  
       android:text="取消"  
       android:background="@drawable/btn_style_alert_dialog_cancel"  
       android:textColor="#ffffff"  
       android:textStyle="bold"  
         
        />  
</LinearLayout>  
</RelativeLayout>  
 第二步:创建SelectPicPopupWindow类继承PopupWindow:
 
Java代码  
import android.app.Activity;  
import android.content.Context;  
import android.graphics.drawable.ColorDrawable;  
import android.view.LayoutInflater;  
import android.view.MotionEvent;  
import android.view.View;  
import android.view.View.OnClickListener;  
import android.view.View.OnTouchListener;  
import android.view.ViewGroup.LayoutParams;  
import android.widget.Button;  
import android.widget.PopupWindow;  
  
public class SelectPicPopupWindow extends PopupWindow {  
  
  
    private Button btn_take_photo, btn_pick_photo, btn_cancel;  
    private View mMenuView;  
  
    public SelectPicPopupWindow(Activity context,OnClickListener itemsOnClick) {  
        super(context);  
        LayoutInflater inflater = (LayoutInflater) context  
                .getSystemService(Context.LAYOUT_INFLATER_SERVICE);  
        mMenuView = inflater.inflate(R.layout.alert_dialog, null);  
        btn_take_photo = (Button) mMenuView.findViewById(R.id.btn_take_photo);  
        btn_pick_photo = (Button) mMenuView.findViewById(R.id.btn_pick_photo);  
        btn_cancel = (Button) mMenuView.findViewById(R.id.btn_cancel);  
        //取消按钮  
        btn_cancel.setOnClickListener(new OnClickListener() {  
  
            public void onClick(View v) {  
                //销毁弹出框  
                dismiss();  
            }  
        });  
        //设置按钮监听  
        btn_pick_photo.setOnClickListener(itemsOnClick);  
        btn_take_photo.setOnClickListener(itemsOnClick);  
        //设置SelectPicPopupWindow的View  
        this.setContentView(mMenuView);  
        //设置SelectPicPopupWindow弹出窗体的宽  
        this.setWidth(LayoutParams.FILL_PARENT);  
        //设置SelectPicPopupWindow弹出窗体的高  
        this.setHeight(LayoutParams.WRAP_CONTENT);  
        //设置SelectPicPopupWindow弹出窗体可点击  
        this.setFocusable(true);  
        //设置SelectPicPopupWindow弹出窗体动画效果  
        this.setAnimationStyle(R.style.AnimBottom);  
        //实例化一个ColorDrawable颜色为半透明  
        ColorDrawable dw = new ColorDrawable(0xb0000000);  
        //设置SelectPicPopupWindow弹出窗体的背景  
        this.setBackgroundDrawable(dw);  
        //mMenuView添加OnTouchListener监听判断获取触屏位置如果在选择框外面则销毁弹出框  
        mMenuView.setOnTouchListener(new OnTouchListener() {  
              
            public boolean onTouch(View v, MotionEvent event) {  
                  
                int height = mMenuView.findViewById(R.id.pop_layout).getTop();  
                int y=(int) event.getY();  
                if(event.getAction()==MotionEvent.ACTION_UP){  
                    if(y<height){  
                        dismiss();  
                    }  
                }                 
                return true;  
            }  
        });  
  
    }  
  
}  
 
第三步:编写MainActivity类实现测试:
 
Java代码  
import android.app.Activity;  
import android.os.Bundle;  
import android.view.Gravity;  
import android.view.View;  
import android.view.View.OnClickListener;  
import android.widget.TextView;  
  
public class MainActivity extends Activity {  
  
    //自定义的弹出框类  
    SelectPicPopupWindow menuWindow;  
      
    @Override  
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
        TextView tv = (TextView) this.findViewById(R.id.text);  
        //把文字控件添加监听,点击弹出自定义窗口  
        tv.setOnClickListener(new OnClickListener() {             
            public void onClick(View v) {  
                //实例化SelectPicPopupWindow  
                menuWindow = new SelectPicPopupWindow(MainActivity.this, itemsOnClick);  
                //显示窗口  
                menuWindow.showAtLocation(MainActivity.this.findViewById(R.id.main), Gravity.BOTTOM|Gravity.CENTER_HORIZONTAL, 0, 0); //设置layout在PopupWindow中显示的位置  
            }  
        });  
    }  
      
    //为弹出窗口实现监听类  
    private OnClickListener  itemsOnClick = new OnClickListener(){  
  
        public void onClick(View v) {  
            menuWindow.dismiss();  
            switch (v.getId()) {  
            case R.id.btn_take_photo:  
                break;  
            case R.id.btn_pick_photo:                 
                break;  
            default:  
                break;  
            }  
              
                  
        }  
          
    };  
      
}

        上述的代码实现了从底部弹出,也可以根据PopupWindow类设置从左下部弹出。

Android的对话框有两种:PopupWindow和AlertDialog。它们的不同点在于:

AlertDialog的位置固定,而PopupWindow的位置可以随意

AlertDialog是非阻塞线程的,而PopupWindow是阻塞线程的

PopupWindow的位置按照有无偏移分,可以分为偏移和无偏移两种;按照参照物的不同,可以分为相对于某个控件(Anchor锚)和相对于父控件。具体如下

showAsDropDown(View anchor):相对某个控件的位置(正左下方),无偏移

showAsDropDown(View anchor, int xoff, int yoff):相对某个控件的位置,有偏移

showAtLocation(View parent, int gravity, int x, int y):相对于父控件的位置(例如正中央Gravity.CENTER,下方Gravity.BOTTOM等),可以设置偏移或无偏移

百度网友491f1c2
2015-06-12 · TA获得超过2297个赞
知道大有可为答主
回答量:2504
采纳率:62%
帮助的人:2252万
展开全部
左滑导航菜单?有很多种实现方式,google自己就提供了DrawerLayout,另外如果你想做成google play一样的导航菜单,可以使用android design support中的NavigationView来搭配DrawerLayout
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
shzhbx
2014-02-16 · TA获得超过290个赞
知道答主
回答量:104
采纳率:50%
帮助的人:49.4万
展开全部
需要一个开源项目:SlidingMenu(专门用作侧边导航的一个开源项目)
用法:http://blog.csdn.net/lancees/article/details/9615927
GitHub:https://github.com/jfeinstein10/SlidingMenu
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
kangtadlt
2014-02-17 · 超过18用户采纳过TA的回答
知道答主
回答量:42
采纳率:0%
帮助的人:47.5万
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式