失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 【Android UI设计与开发】7.底部菜单栏(四)PopupWindow 实现显示仿腾讯新闻底部弹出菜单...

【Android UI设计与开发】7.底部菜单栏(四)PopupWindow 实现显示仿腾讯新闻底部弹出菜单...

时间:2022-04-30 11:53:34

相关推荐

【Android UI设计与开发】7.底部菜单栏(四)PopupWindow 实现显示仿腾讯新闻底部弹出菜单...

前一篇文章中有用到 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;@Overrideprotected 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() {@Overridepublic 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;// 是否弹窗显示@Overrideprotected 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*/@Overridepublic 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() {@Overridepublic 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 @Overridepublic 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. @Overridepublic 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;}}

本文转自叶超Luka博客园博客,原文链接:/yc-755909659/p/4288864.html,如需转载请自行联系原作者

如果觉得《【Android UI设计与开发】7.底部菜单栏(四)PopupWindow 实现显示仿腾讯新闻底部弹出菜单...》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。