popupwindow仿侧滑菜单底部弹出

来源：互联网发布：草花机分析软件编辑：程序博客网时间：2024/04/26 18:39

poupupWindow扩展

今天做一个从底部弹出的侧滑菜单栏，但是用了谷歌的DrawerLayout和第三方的slidingMenu居然都不可以，想了一下，既然这样，那么我们就只有用popupwindow了，但是poupupwindow又没有动画效果，我们也就只有自定义动画效果了。

先看动画的xml文件：

这里写图片描述

上面的是弹出poupuwindow的动画：popupwindow_enter_anim,文件放置在res文件下的anim文件中，如果没有该文件价，那就新建一个。

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android"android:shareInterpolator="false"><translate    android:fromYDelta="0"    android:toYDelta="100%p"    android:duration="2000"/><alpha    android:fromAlpha="1.0"    android:toAlpha="0"    android:duration="2000"/></set>

上面的这个是退出poupupwindow时的动画：popupwindow_exit_anim.

将这两个动画文件放入res目录下的style文件中：

    <!-- popupwindow 动画 --><style name="Animation">    <item name="android:windowEnterAnimation">@anim/popupwindow_enter_anim</item>    <item name="android:windowExitAnimation">@anim/popupwindow_exit_anim</item></style>

接下来就是如何去定义popupwindow:

由于我的poupupwindow是在listView中的条目当中的控件监听弹出的，所以我就不贴出完整代码了，贴出相关代码：

下面时popupwindow的布局文件：

图片长这样：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical"android:layout_width="match_parent"android:layout_margin="30dp"android:layout_height="match_parent"><LinearLayout    android:layout_width="match_parent"    android:gravity="center_vertical"    android:layout_marginTop="10dp"    android:layout_marginLeft="10dp"    android:layout_height="wrap_content">    <ImageView        android:layout_width="wrap_content"        android:layout_height="match_parent"        android:src="@mipmap/singer"        android:paddingLeft="10dp"        android:paddingRight="10dp"        />    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="歌手："        android:textSize="18sp"        android:textColor="#000"        android:padding="8dp"        />    <TextView        android:id="@+id/tv_songs_details_ratist"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:textSize="18sp"        android:textColor="#000"        android:padding="8dp"        /></LinearLayout><LinearLayout    android:layout_width="match_parent"    android:gravity="center_vertical"    android:layout_marginTop="10dp"    android:layout_marginLeft="10dp"    android:layout_height="wrap_content">    <ImageView        android:layout_width="wrap_content"        android:layout_height="match_parent"        android:src="@mipmap/album"        android:paddingLeft="6dp"        android:paddingRight="7dp"        android:layout_marginTop="2dp"        />    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="专辑："        android:textSize="18sp"        android:textColor="#000"        android:padding="8dp"        />    <TextView        android:id="@+id/tv_songs_details_album"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:textSize="18sp"        android:textColor="#000"        android:padding="8dp"        /></LinearLayout><LinearLayout    android:layout_width="match_parent"    android:gravity="center_vertical"    android:layout_marginLeft="10dp"    android:layout_marginTop="10dp"    android:layout_height="wrap_content">    <ImageView        android:layout_width="wrap_content"        android:layout_height="match_parent"        android:src="@mipmap/timing"        android:paddingLeft="10dp"        android:paddingRight="14dp"        android:layout_marginTop="2dp"        />    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="时长："        android:textSize="18sp"        android:textColor="#000"        android:padding="8dp"        />    <TextView        android:id="@+id/tv_songs_details_time"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:textSize="18sp"        android:textColor="#000"        android:padding="8dp"        /></LinearLayout><LinearLayout    android:layout_width="match_parent"    android:gravity="center_vertical"    android:layout_marginTop="10dp"    android:layout_marginLeft="10dp"    android:layout_height="wrap_content">    <ImageView        android:layout_width="wrap_content"        android:layout_height="match_parent"        android:src="@mipmap/love"        android:paddingLeft="10dp"        android:paddingRight="9dp"        android:layout_marginTop="2dp"        />    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="大小："        android:textSize="18sp"        android:textColor="#000"        android:padding="8dp"        />    <TextView        android:id="@+id/tv_songs_details_size"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:textSize="18sp"        android:textColor="#000"        android:padding="8dp"        /></LinearLayout></LinearLayout>

下面就是java逻辑代码：

监听事件点击之后弹出popupwindow：

iv_detals_menu.setOnClickListener(new View.OnClickListener() {        @Override        public void onClick(View v) {            ((TextView)popupwindow.findViewById(R.id.tv_songs_details_ratist)).setText(song.getArtist());            ((TextView)popupwindow.findViewById(R.id.tv_songs_details_album)).setText(song.getAlbum());            ((TextView)popupwindow.findViewById(R.id.tv_songs_details_time)).setText(song.getDuration());            ((TextView)popupwindow.findViewById(R.id.tv_songs_details_size)).setText(song.getSize());            showPopupWindow();//显示popupwindow            notifyDataSetChanged();        }    });popupwindow = inflater.inflate(R.layout.slidingmenu_songs_details,null);//这是上面的View

这是显示poupuwindow的代码：

   private void showPopupWindow() {    WindowManager wm1 = activity.getWindowManager();    int width = wm1.getDefaultDisplay().getWidth();//屏幕宽度    PopupWindow popupWindow = new PopupWindow(popupwindow, width, LayoutParams.WRAP_CONTENT);    popupWindow.setAnimationStyle(R.style.Animation);    // 设置点击外部区域, 自动隐藏    popupWindow.setOutsideTouchable(true); // 外部可触摸    popupWindow.setBackgroundDrawable(inflate.getResources().getDrawable(R.drawable.bg_popupwindow_details)); // 设置空的背景, 响应点击事件    popupWindow.setFocusable(true); //设置可获取焦点    // 显示在指定控件下    popupWindow.showAtLocation(iv_detals_menu,Gravity.BOTTOM|Gravity.CENTER_HORIZONTAL, 0, 0);}

OK，上面就是如何利用popupwindow仿侧滑菜单，但是侧滑菜单不能从底部上划，而我们的可以哦。

你们的点赞，就是我进步的动力哦。

0 0