首页 > 系统 > Android > 正文

Android UI设计与开发之PopupWindow仿腾讯新闻底部弹出菜单

2019-12-12 02:08:31
字体:
来源:转载
供稿:网友

前一篇文章中有用到 PopupWindow 来实现弹窗的功能。简单介绍以下吧。

官方文档是这样解释的:这就是一个弹出窗口,可以用来显示一个任意视图。出现的弹出窗口是一个浮动容器的当前活动。

1.首先来个简单的栗子,效果如下:

只有两个布局文件,一个是弹窗布局(只有一张图片),一个是主界面布局(只有一个按钮)。

然后在主界面代码中实例 PopupWindow ,指定弹出的界面,在按钮点击事件中显示或隐藏弹窗就可以了,代码如下:

package com.yanis.demo;import android.app.Activity;import android.os.Bundle;import android.view.LayoutInflater;import android.view.View;import android.view.View.OnClickListener;import android.widget.Button;import android.widget.LinearLayout.LayoutParams;import android.widget.PopupWindow;public class PopupWindowActivity extends Activity { PopupWindow pop; Button btn; @Override protected void onCreate(Bundle savedInstanceState) {  super.onCreate(savedInstanceState);  setContentView(R.layout.activity_popup_window);  btn = (Button) findViewById(R.id.btnShowWindow);  LayoutInflater inflater = LayoutInflater.from(this);  // 引入窗口配置文件 - 即弹窗的界面  View view = inflater.inflate(R.layout.my_popup_window, null);  // PopupWindow实例化  pop = new PopupWindow(view, LayoutParams.WRAP_CONTENT,    LayoutParams.WRAP_CONTENT, false);  btn.setOnClickListener(new OnClickListener() {   @Override   public void onClick(View v) {    if (pop.isShowing()) {     // 隐藏窗口,如果设置了点击窗口外消失,则不需要此方式隐藏     pop.dismiss();    } else {     // 弹出窗口显示内容视图,默认以锚定视图的左下角为起点,这里为点击按钮     pop.showAsDropDown(v);    }   }  }); }}

2.知道了怎么实现 PopupWindow 弹窗,利用其特性替换系统自带的菜单栏,来个仿腾讯新闻的菜单吧,效果图如下:

布局什么的花点时间,慢慢调,自然就出来了,主要还是主界面的逻辑代码啊,菜单就是通过 PopupWindow 来显示的,具体代码如下:

package com.yanis.popup_window;import android.app.Activity;import android.app.AlertDialog;import android.content.DialogInterface;import android.graphics.drawable.BitmapDrawable;import android.os.Bundle;import android.util.Log;import android.view.Gravity;import android.view.KeyEvent;import android.view.LayoutInflater;import android.view.View;import android.view.View.OnClickListener;import android.view.View.OnKeyListener;import android.widget.Button;import android.widget.ImageView;import android.widget.LinearLayout.LayoutParams;import android.widget.PopupWindow;import android.widget.TextView;import android.widget.Toast;public class MainActivity extends Activity implements OnClickListener,  OnKeyListener { PopupWindow pop; TextView hideView; Button btnCancel; ImageView btnNight, btnWord, btnExit; View view; boolean isOut, isIn;// 是否弹窗显示 @Override protected void onCreate(Bundle savedInstanceState) {  super.onCreate(savedInstanceState);  setContentView(R.layout.activity_main);  initView();  initData(); } /**  * 初始化组件  */ private void initView() {  hideView = (TextView) findViewById(R.id.hideView);  LayoutInflater inflater = LayoutInflater.from(this);  // 引入窗口配置文件 - 即弹窗的界面  view = inflater.inflate(R.layout.menu_view, null);  btnNight = (ImageView) view.findViewById(R.id.btnNight);  btnWord = (ImageView) view.findViewById(R.id.btnWord);  btnExit = (ImageView) view.findViewById(R.id.btnExit);  btnCancel = (Button) view.findViewById(R.id.btnCancel); } /**  * 初始化数据  */ private void initData() {  btnNight.setOnClickListener(this);  btnWord.setOnClickListener(this);  btnExit.setOnClickListener(this);  btnCancel.setOnClickListener(this);  view.setFocusableInTouchMode(true);  view.setOnKeyListener(this);  // PopupWindow实例化  pop = new PopupWindow(view, LayoutParams.MATCH_PARENT,    LayoutParams.WRAP_CONTENT, true);  /**   * PopupWindow 设置   */  // pop.setFocusable(true); //设置PopupWindow可获得焦点  // pop.setTouchable(true); //设置PopupWindow可触摸  // pop.setOutsideTouchable(true); // 设置非PopupWindow区域可触摸  // 设置PopupWindow显示和隐藏时的动画  pop.setAnimationStyle(R.style.MenuAnimationFade);  /**   * 改变背景可拉的弹出窗口。后台可以设置为null。 这句话必须有,否则按返回键popwindow不能消失 或者加入这句话   * ColorDrawable dw = new   * ColorDrawable(-00000);pop.setBackgroundDrawable(dw);   */  pop.setBackgroundDrawable(new BitmapDrawable()); } /**  * 按钮点击事件监听  *   * @param v  */ @Override public void onClick(View v) {  switch (v.getId()) {  case R.id.btnNight:   changePopupWindowState();   Toast.makeText(MainActivity.this, "你点击了夜间模式", Toast.LENGTH_SHORT)     .show();   break;  case R.id.btnWord:   changePopupWindowState();   Toast.makeText(MainActivity.this, "你点击了文本模式", Toast.LENGTH_SHORT)     .show();   break;  case R.id.btnExit:   exitTheDemo();   break;  case R.id.btnCancel:   changePopupWindowState();   break;  } } /**  * 退出程序  */ private void exitTheDemo() {  changePopupWindowState();  new AlertDialog.Builder(MainActivity.this).setMessage("确定退出这个 Demo 吗?")    .setPositiveButton("确定", new DialogInterface.OnClickListener() {     @Override     public void onClick(DialogInterface dialog, int which) {      finish();     }    }).setNegativeButton("取消", null).show(); } /**  * 改变 PopupWindow 的显示和隐藏  */ private void changePopupWindowState() {  if (pop.isShowing()) {   // 隐藏窗口,如果设置了点击窗口外消失,则不需要此方式隐藏   pop.dismiss();  } else {   // 弹出窗口显示内容视图,默认以锚定视图的左下角为起点,这里为点击按钮   pop.showAtLocation(hideView, Gravity.BOTTOM, 0, 0);  } } // Called when a key was pressed down and not handled by any of the views // inside of the activity @Override public boolean onKeyDown(int keyCode, KeyEvent event) {  switch (keyCode) {  case KeyEvent.KEYCODE_MENU:// 菜单键监听   isOut = true;   changePopupWindowState();   break;  }  return super.onKeyDown(keyCode, event); } // Called when a hardware key is dispatched to a view. @Override public boolean onKey(View v, int keyCode, KeyEvent event) {  switch (keyCode) {  case KeyEvent.KEYCODE_MENU:   if (isOut && !isIn) {    isOut = false;    isIn = true;   } else if (!isOut && isIn) {    isIn = false;    changePopupWindowState();   }   break;  }  return false; }}

源代码地址:https://github.com/YeXiaoChao/Yc_ui_popup_window

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表