android 底部弹出菜单(带透明背景)

来源：http://blog.csdn.net/top_code/article/details/10285997#comments

最近项目中需要在界面的底部弹出一个向上弹出的菜单界面，并且带渐变的透明背景，跟大家分享一下！
运行效果图：



点击 分享 弹出 底部菜单



菜单界面 share_popup_menu.xml

[html] view
plain copy

<?xml version="1.0" encoding="utf-8"?>  

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  

    android:layout_width="match_parent"  

    android:layout_height="match_parent"  

    android:background="@drawable/transparent_bg" >  

  

    <LinearLayout  

        android:id="@+id/ll_popup"  

        android:layout_width="match_parent"  

        android:layout_height="wrap_content"  

        android:layout_alignParentBottom="true"  

        android:background="@color/popup_bg"  

        android:orientation="vertical" >  

  

        <RelativeLayout  

            android:id="@+id/rl_weixin"  

            android:layout_width="fill_parent"  

            android:layout_marginLeft="20dp"  

            android:layout_marginRight="20dp"  

            android:layout_height="@dimen/detail_menu_item_height"  

            android:layout_gravity="center_horizontal"  

            android:layout_marginTop="@dimen/detail_menu_margin_top_up"  

            android:background="@color/light_black" >  

  

            <ImageView  

                android:layout_width="wrap_content"  

                android:layout_height="wrap_content"  

                android:layout_centerVertical="true"  

                android:src="@drawable/icon_wechat"   

                android:layout_toLeftOf="@+id/tv_weixin"  

                android:contentDescription="@string/app_name"/>  

  

            <TextView  

                android:id="@+id/tv_weixin"  

                android:layout_width="wrap_content"  

                android:layout_height="wrap_content"  

                android:layout_centerInParent="true"  

                android:layout_marginLeft="15dp"  

                android:text="@string/share_to_weixin"  

                android:textColor="@color/white" />  

        </RelativeLayout>  

          

        <RelativeLayout  

            android:id="@+id/rl_weibo"  

            android:layout_width="fill_parent"  

            android:layout_marginLeft="20dp"  

            android:layout_marginRight="20dp"  

            android:layout_height="@dimen/detail_menu_item_height"  

            android:layout_gravity="center_horizontal"  

            android:layout_marginTop="@dimen/detail_menu_margin_top_up"  

            android:background="@color/light_black" >  

  

            <ImageView  

                android:layout_width="wrap_content"  

                android:layout_height="wrap_content"  

                android:layout_centerVertical="true"  

                android:src="@drawable/icon_weibo"   

                android:layout_toLeftOf="@+id/tv_weibo"  

                android:contentDescription="@string/app_name"/>  

  

            <TextView  

                android:id="@+id/tv_weibo"  

                android:layout_width="wrap_content"  

                android:layout_height="wrap_content"  

                android:layout_centerInParent="true"  

                android:layout_marginLeft="15dp"  

                android:text="@string/share_to_weibo"  

                android:textColor="@color/white" />  

        </RelativeLayout>  

  

        <RelativeLayout  

            android:id="@+id/rl_duanxin"  

            android:layout_width="fill_parent"  

            android:layout_marginLeft="20dp"  

            android:layout_marginRight="20dp"  

            android:layout_height="@dimen/detail_menu_item_height"  

            android:layout_gravity="center_horizontal"  

            android:layout_marginTop="@dimen/detail_menu_margin_top_up"  

            android:background="@color/light_black" >  

  

            <ImageView  

                android:layout_width="wrap_content"  

                android:layout_height="wrap_content"  

                android:layout_centerVertical="true"  

                android:src="@drawable/icon_message"   

                android:layout_toLeftOf="@+id/tv_duanxin"  

                android:contentDescription="@string/app_name"/>  

  

            <TextView  

                android:id="@+id/tv_duanxin"  

                android:layout_width="wrap_content"  

                android:layout_height="wrap_content"  

                android:layout_centerInParent="true"  

                android:layout_marginLeft="15dp"  

                android:text="@string/share_to_duanxin"  

                android:textColor="@color/white" />  

        </RelativeLayout>  

  

        <Button  

            android:id="@+id/bt_cancle"  

            android:layout_width="fill_parent"  

            android:layout_marginLeft="20dp"  

            android:layout_marginRight="20dp"  

            android:layout_height="@dimen/detail_menu_item_height"  

            android:layout_gravity="center"  

            android:layout_marginBottom="@dimen/detail_menu_margin_top"  

            android:layout_marginTop="@dimen/detail_menu_margin_top"  

            android:background="@color/dark_white"  

            android:text="@string/cancel"  

            android:textColor="@color/white" />  

    </LinearLayout>  

  

</RelativeLayout>  

主界面MainActivity.java

[java] view
plain copy

package com.example.popupdemo;  

  

import android.app.Activity;  

import android.graphics.drawable.BitmapDrawable;  

import android.os.Bundle;  

import android.view.Gravity;  

import android.view.View;  

import android.view.View.OnClickListener;  

import android.view.ViewGroup.LayoutParams;  

import android.view.animation.AnimationUtils;  

import android.widget.Button;  

import android.widget.LinearLayout;  

import android.widget.PopupWindow;  

import android.widget.RelativeLayout;  

  

public class MainActivity extends Activity implements OnClickListener {  

  

    private PopupWindow mpopupWindow;  

    private Button bt_share;  

  

    @Override  

    protected void onCreate(Bundle savedInstanceState) {  

        super.onCreate(savedInstanceState);  

        setContentView(R.layout.activity_main);  

          

        findView();  

    }  

  

    private void findView() {  

        bt_share = (Button) findViewById(R.id.bt_share);  

        bt_share.setOnClickListener(this);  

    }  

  

    @Override  

    public void onClick(View v) {  

        switch (v.getId()) {  

        case R.id.bt_share:  

              

            showPopMenu();  

              

            break;  

        case R.id.rl_weixin:  

              

            mpopupWindow.dismiss();  

            break;  

        case R.id.rl_weibo:  

                      

            mpopupWindow.dismiss();  

            break;  

        case R.id.rl_duanxin:  

              

            mpopupWindow.dismiss();  

            break;  

        case R.id.bt_cancle:  

              

            mpopupWindow.dismiss();  

            break;  

        default:  

            break;  

        }  

    }  

  

    private void showPopMenu() {  

        View view = View.inflate(getApplicationContext(), R.layout.share_popup_menu, null);  

        RelativeLayout rl_weixin = (RelativeLayout) view.findViewById(R.id.rl_weixin);  

        RelativeLayout rl_weibo = (RelativeLayout) view.findViewById(R.id.rl_weibo);  

        RelativeLayout rl_duanxin = (RelativeLayout) view.findViewById(R.id.rl_duanxin);  

        Button bt_cancle = (Button) view.findViewById(R.id.bt_cancle);  

  

        rl_weixin.setOnClickListener(this);  

        rl_weibo.setOnClickListener(this);  

        rl_duanxin.setOnClickListener(this);  

        bt_cancle.setOnClickListener(this);  

      

        view.setOnClickListener(new OnClickListener() {  

              

            @Override  

            public void onClick(View v) {  

                  

                mpopupWindow.dismiss();  

            }  

        });  

          

        view.startAnimation(AnimationUtils.loadAnimation(getApplicationContext(), R.anim.fade_in));  

        LinearLayout ll_popup = (LinearLayout) view.findViewById(R.id.ll_popup);  

        ll_popup.startAnimation(AnimationUtils.loadAnimation(getApplicationContext(), R.anim.push_bottom_in));  

          

        if(mpopupWindow==null){  

            mpopupWindow = new PopupWindow(this);  

            mpopupWindow.setWidth(LayoutParams.MATCH_PARENT);  

            mpopupWindow.setHeight(LayoutParams.MATCH_PARENT);  

            mpopupWindow.setBackgroundDrawable(new BitmapDrawable());  

  

            mpopupWindow.setFocusable(true);  

            mpopupWindow.setOutsideTouchable(true);  

        }  

          

        mpopupWindow.setContentView(view);  

        mpopupWindow.showAtLocation(bt_share, Gravity.BOTTOM, 0, 0);  

        mpopupWindow.update();  

    }  

}  

渐变动画

[html] view
plain copy

<?xml version="1.0" encoding="utf-8"?>  

<alpha xmlns:android="http://schemas.android.com/apk/res/android"  

    android:duration="400"  

    android:fromAlpha="0.0"  

    android:toAlpha="1.0" />  

位移动画

[html] view
plain copy

<?xml version="1.0" encoding="utf-8"?>  

<translate xmlns:android="http://schemas.android.com/apk/res/android"  

    android:duration="400"  

    android:fromYDelta="100%"  

    android:interpolator="@android:anim/decelerate_interpolator"  

    android:toYDelta="0" />  



代码大家自己下载下来慢慢看吧

工程下载地址：http://download.csdn.net/detail/fx_sky/6006143