文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

android自定义popupwindow仿微信右上角弹出菜单效果

2022-06-06 05:44

关注

微信右上角的操作菜单看起来很好用,就照着仿了一下,不过是旧版微信的,手里刚好有一些旧版微信的资源图标,给大家分享一下。

不知道微信是用什么实现的,我使用popupwindow来实现,主要分为几块内容:

1、窗口布局文件:popwin_share.xml


 <?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  android:layout_width="wrap_content" 
  android:layout_height="wrap_content" 
  android:background="@drawable/title_tools_bg" 
  android:orientation="vertical" > 
  <LinearLayout 
    android:id="@+id/layout_share" 
    style="@style/fill_width" 
    android:orientation="horizontal"  
    android:background="@drawable/menu_left_item_selector" 
    android:padding="5dp"> 
    <ImageView 
      android:layout_marginLeft="7dp" 
      style="@style/wrap" 
      android:scaleType="fitCenter" 
      android:src="@drawable/share" /> 
    <TextView 
      style="@style/wrap" 
      android:textColor="@color/white" 
      android:textSize="@dimen/text18" 
      android:layout_marginLeft="5dp" 
      android:text="分享内容" /> 
  </LinearLayout> 
  <LinearLayout 
    android:id="@+id/layout_copy" 
    style="@style/fill_width" 
    android:orientation="horizontal"  
    android:background="@drawable/menu_left_item_selector" 
    android:padding="5dp"> 
    <ImageView 
      android:layout_marginLeft="5dp" 
      style="@style/wrap" 
      android:scaleType="fitCenter" 
      android:src="@drawable/copy_pressed" /> 
    <TextView 
      style="@style/wrap" 
      android:textColor="@color/white" 
      android:textSize="@dimen/text18" 
      android:layout_marginLeft="5dp" 
      android:text="复制结果" /> 
  </LinearLayout> 
</LinearLayout> 

      采用线性布局,因为里面是一行一行竖排的菜单,线性布局更容易控制。大布局里面放了两个垂直排列的线性布局,每个线性布局中分别有横向排列的imageview和textview,很简单的布局。大布局的背景用了一个图片,当然也可以自定义一些其他颜色。 

2、popupwindow代码,我这里是自定义一个popupwindows类,继承自PopupWindow:


 package com.xjw.view; 
import com.xjw.translate.R; 
import android.app.Activity; 
import android.graphics.drawable.ColorDrawable; 
import android.view.LayoutInflater; 
import android.view.View; 
import android.widget.AdapterView; 
import android.widget.BaseAdapter; 
import android.widget.LinearLayout; 
import android.widget.ListView; 
import android.widget.PopupWindow; 
   
public class PopWinShare extends PopupWindow{ 
  private View mainView; 
  private LinearLayout layoutShare, layoutCopy; 
 public PopWinShare(Activity paramActivity, View.OnClickListener paramOnClickListener, int paramInt1, int paramInt2){ 
     super(paramActivity); 
     //窗口布局 
    mainView = LayoutInflater.from(paramActivity).inflate(R.layout.popwin_share, null); 
    //分享布局 
    layoutShare = ((LinearLayout)mainView.findViewById(R.id.layout_share)); 
    //复制布局 
    layoutCopy = (LinearLayout)mainView.findViewById(R.id.layout_copy); 
    //设置每个子布局的事件监听器 
    if (paramOnClickListener != null){ 
      layoutShare.setOnClickListener(paramOnClickListener); 
      layoutCopy.setOnClickListener(paramOnClickListener); 
    } 
    setContentView(mainView); 
    //设置宽度 
    setWidth(paramInt1); 
    //设置高度 
    setHeight(paramInt2); 
    //设置显示隐藏动画 
    setAnimationStyle(R.style.AnimTools); 
    //设置背景透明 
    setBackgroundDrawable(new ColorDrawable(0)); 
  } 
} 

       里面提供了一个构造方法,包含四个参数,第一个参数是上下文的activity,第二个是菜单的点击事件,从外边传递进来的,要绑定给每一行的菜单,具体的事件实现当然要写在activity中,后面两个分别是弹出窗口的宽度和高度。里面还包含了一个动画样式,窗口打开和关闭时出现动画的样式。

3、动画样式,显示动画,缩放动画:push_in.xml 


<?xml version="1.0" encoding="utf-8"?> 
<scale  xmlns:android="http://schemas.android.com/apk/res/android" 
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"  
    android:fromXScale="1.0"   
    android:toXScale="1.0"   
    android:fromYScale="0"   
    android:toYScale="1.0"   
    android:pivotX="0"  
    android:pivotY="10%"  
    android:duration="200" /> 

 关闭动画,也是缩放动画:push_out.xml


 <?xml version="1.0" encoding="utf-8"?> 
<scale  xmlns:android="http://schemas.android.com/apk/res/android" 
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"  
    android:fromXScale="1.0"   
    android:toXScale="1.0"   
    android:fromYScale="1.0"   
    android:toYScale="0"   
    android:pivotX="0"  
    android:pivotY="10%"  
    android:duration="200" />  

style样式定义:


 <style name="AnimTools" parent="@android:style/Animation"> 
   <item name="android:windowEnterAnimation">@anim/push_in</item> 
   <item name="android:windowExitAnimation">@anim/push_out</item> 
 </style> 

到此为止我们的自定义窗口已经定义好了。接下来看使用。


 if (popWinShare == null) { 
  //自定义的单击事件 
  OnClickLintener paramOnClickListener = new OnClickLintener(); 
  popWinShare = new PopWinShare(TranslateDataContentActivity.this, paramOnClickListener, DisplayUtil.dip2px(context, 160), DisplayUtil.dip2px(context, 160)); 
  //监听窗口的焦点事件,点击窗口外面则取消显示 
  popWinShare.getContentView().setOnFocusChangeListener(new View.OnFocusChangeListener() { 
    @Override 
    public void onFocusChange(View v, boolean hasFocus) { 
      if (!hasFocus) { 
        popWinShare.dismiss(); 
      } 
    } 
  }); 
} 
//设置默认获取焦点 
popWinShare.setFocusable(true); 
//以某个控件的x和y的偏移量位置开始显示窗口 
popWinShare.showAsDropDown(btnTools, 0, 0); 
//如果窗口存在,则更新 
popWinShare.update(); 

每个子菜单的单击事件自定义内部类,在里面就可以写每个子菜单的单击事件啦,


class OnClickLintener implements OnClickListener{ 
    @Override 
    public void onClick(View v) { 
      switch (v.getId()) { 
      case R.id.layout_share: 
        break; 
      case R.id.layout_copy: 
        break; 
      default: 
        break; 
      } 
    } 
  } 

效果预览:

您可能感兴趣的文章:android PopupWindow 和 Activity弹出窗口实现方式android popwindow实现左侧弹出菜单层及PopupWindow主要方法介绍Android Animation实战之屏幕底部弹出PopupWindowAndroid编程实现popupwindow弹出后屏幕背景变成半透明效果Android入门之PopupWindow用法实例解析Android实现底部弹出PopupWindow背景逐渐变暗效果Android之用PopupWindow实现弹出菜单的方法详解Android中PopupWindow响应返回键并关闭的2种方法android使用PopupWindow实现页面点击顶部弹出下拉菜单android popupwindow用法详解


阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-移动开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯