关闭

Android的PopWindow动画实现底部滑出菜单

标签: 动画
755人阅读 评论(0) 收藏 举报

1.实现步骤

1.主布局activity_main.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <Button
        android:id="@+id/open"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:text="打开泡泡窗口" />

</RelativeLayout>


2.popupwindow.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <GridView
        android:id="@+id/gv"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="#00bfff"
        android:numColumns="4" >
    </GridView>

</LinearLayout>

3.MainActivity
public class MainActivity extends Activity implements OnClickListener {

    private Button open;
    private View parent;
    private View popView;
    private PopupWindow popupWindow;
    private GridView gv;

    private String[] names = { "生", "如", "夏", "花", "海", "阔", "天", "空" };
    private int[] images = { R.drawable.ic_launcher, R.drawable.ic_launcher,
            R.drawable.ic_launcher, R.drawable.ic_launcher,
            R.drawable.ic_launcher, R.drawable.ic_launcher,
            R.drawable.ic_launcher, R.drawable.ic_launcher };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        parent = findViewById(R.id.main);
        open = (Button) findViewById(R.id.open);
        open.setOnClickListener(this);
        initPopupWindow();
    }

    /**
     * 初始化popupWindow
     */
    private void initPopupWindow() {
        popView = getLayoutInflater().inflate(R.layout.popupwindow, null);
        popupWindow = new PopupWindow(popView,
                ViewGroup.LayoutParams.MATCH_PARENT,
                ViewGroup.LayoutParams.WRAP_CONTENT);
        popupWindow.setFocusable(true);
        popupWindow.setBackgroundDrawable(new BitmapDrawable());
        popupWindow.setOutsideTouchable(true);
        gv = (GridView) popView.findViewById(R.id.gv);
        gv.setAdapter(MyAdapter());


    }

    /**
     * 为GridView填充数据
     * 
     * @return
     */
    private ListAdapter MyAdapter() {
        List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();
        for (int i = 0; i < names.length; i++) {
            Map<String, Object> map = new HashMap<String, Object>();
            map.put("names", names[i]);
            map.put("images", images[i]);
            list.add(map);
        }
        SimpleAdapter simpleAdapter = new SimpleAdapter(this, list,
                R.layout.pop_item, new String[] { "names", "images" },
                new int[] { R.id.tv, R.id.img });
        return simpleAdapter;
    }

    @Override
    public void onClick(View v) {
        //为popWindow添加动画效果
        popupWindow.setAnimationStyle(R.style.popWindow_animation);
        // 点击弹出泡泡窗口
        popupWindow.showAtLocation(parent, Gravity.BOTTOM, 0, 0);
    }
}
4.为了实现动画进出效果,定义两个布局文件
popupwindow_enter.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="500"
        android:fromYDelta="100%p"
        android:toYDelta="0" />

    <alpha
        android:duration="500"
        android:fromAlpha="0.5"
        android:toAlpha="1.0" />

</set>
5.popupwindow_exit.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >


    <alpha
        android:duration="500"
        android:fromAlpha="1.0"
        android:toAlpha="0.5" />


    <translate
        android:fromYDelta="0"
        android:toYDelta="100%p"
        android:duration="500" />

</set>
6.style.xml
 <style name="popWindow_animation">
        <item name="android:windowEnterAnimation">@anim/popupwindow_enter</item>
        <item name="android:windowExitAnimation">@anim/popupwindow_exit</item>
    </style>

来自:http://blog.csdn.net/u013771273/article/details/43731175

0
0
查看评论

Android-自定义popupwindow详解(包含动画简单讲解)

我们知道在很多需求的时候都要求有对话框的,我们也知道dialog和popupwindow都可以实现。但是,popupwindow是弹框的万能之法,当然dialog的集成度,所继承的相关方法也给予一定便利。关于dialog的自定义上篇文章有详细介绍,本篇文章将详解popupwindow的自定义(糅合动...
  • Jack__Frost
  • Jack__Frost
  • 2016-08-14 23:00
  • 4861

android+popwindow实现左侧弹出菜单层

  • 2013-09-25 11:03
  • 69KB
  • 下载

Android PopupWindow实现从顶部弹出下拉菜单左、中、右

本实例的自定义下拉菜单主要是继承PopupWindow类来实现的弹出窗体,各种布局效果可以根据自己定义设计。弹出的动画效果主要用到了translate、alpha、scale,具体实现步骤如下:          先上效果图如下:左边下拉菜单、中间下...
  • u013693649
  • u013693649
  • 2015-10-19 19:08
  • 7762

popupwindow从下往上滑出:

mPopWindow.setAnimationStyle(R.style.anim_pop_bottombar); styles.xml: <style name="anim_pop_bottombar">
  • github_37610197
  • github_37610197
  • 2017-07-22 12:25
  • 258

Android分享界面制作(底部滑出动画)

分享界面 效果图: 实现代码: 实现分享界面的代码(用到了两个自定义控件) package cn.zszh.customs.widget; import android.content.Context; import android.graphics.Color; import androi...
  • yangxun0727l
  • yangxun0727l
  • 2017-09-22 14:07
  • 312

简单实用Android底部菜单滑出popupwindow案例

之前写底部滑出菜单总是将简单的问题复杂化,最近由于项目的需要 必须要求底部滑出,所以简单写了一下,希望对你们有帮助,不足之处,还请各位多提宝贵意见以便进一步进行修改.直接上代码: 主页面代码: public class MainActivity extends Activity implement...
  • kqh_2715
  • kqh_2715
  • 2017-12-23 10:06
  • 67

PopWindow动画实现底部滑出菜单

1.结构目录 2.实现步骤 1.主布局activity_main.xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="h...
  • u013771273
  • u013771273
  • 2015-02-11 10:27
  • 2407

Android自定义Dialog样式,从屏幕底部滑出动画

实际项目开发中默认的Dialog样式无法满足需求,需要自定义Dialog及其布局,并响应布局中控件的事件。 上效果图: 1. 自定义TakePhotosDialog继承自Dialog: public class TakePhotosDialog extends Dia...
  • u013122144
  • u013122144
  • 2015-12-30 17:42
  • 2759

android自定义popwindow,并且有从底部弹出的动画

首先自定义popwindow类 pop_bottom.xml为自定义布局public class CustomPopWindow extends PopupWindow { private View mMenuView; private ListView listVi...
  • u013398380
  • u013398380
  • 2016-09-28 11:53
  • 1385

底部弹出popWindow的动画

当我点击按钮的时候,主界面的下方会弹出popWindow.而且popwindow具有一定的动画效果.1 首先创建popWindow的布局文件:<?xml version="1.0" encoding="utf-8"?> <LinearLayo...
  • joke124
  • joke124
  • 2015-06-30 20:13
  • 1299
    个人资料
    • 访问:9688次
    • 积分:369
    • 等级:
    • 排名:千里之外
    • 原创:26篇
    • 转载:15篇
    • 译文:0篇
    • 评论:0条