Android侧面菜单(覆盖内容)的实现

最新推荐文章于 2022-10-04 23:50:27 发布
最新推荐文章于 2022-10-04 23:50:27 发布
阅读量448 收藏
点赞数
分类专栏： 学习总结 Android开发 文章标签： 移动开发

     Android本身为大家提供了菜单的构建函数，但这种菜单太过单调，而且很多手机都去掉了菜单的按钮，更无法使用原来提供的菜单。所以，自定义一个有个性的菜单组件便显得较为重要。PopupWindow类可以实现浮层效果，也就是常见的侧面弹出菜单的效果。

     当然，要实现菜单，还有很多问题需要解决，比如菜单内部的布局、菜单弹出的方式、菜单的样式等。所以在使用PopupWindow之前还需要创建一些xml的配置文件。

     首先就是菜单内部的布局和组件的样式。这里需要新建一个layout.xml文件，并写出菜单内部的布局、样式。

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="50dp"
    android:orientation="horizontal" 
    >
    
    <Button 
        android:id="@+id/menu_color"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:background="@drawable/list_bt_selecotr"
        android:layout_margin="5dp"
        android:text="颜色"/>

    <Button 
        android:id="@+id/menu_size"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:layout_margin="5dp"
        android:background="@drawable/list_bt_selecotr"
        android:text="线条"/>
    <Button 
        android:id="@+id/menu_type"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:layout_margin="5dp"
        android:background="@drawable/list_bt_selecotr"
        android:text="样式"/>
    <Button 
        android:id="@+id/menu_pic"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_margin="5dp"
        android:background="@drawable/list_bt_selecotr"
        android:layout_weight="1"
        android:text="清空"/>
    
    
</LinearLayout>

 （注：按钮的background设置的是另一个设置按钮样式的文件，详见    ）

 

    接下来要做的是设置菜单进入和退出的方式。

    进入方式的代码（需要在res文件夹中新建一个anim文件夹，并新建一个set文件）：

 

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate 
      <!--出现时的起始位置-->
        android:fromYDelta="100%p"
     <!--出现时的终止位置-->
        android:toYDelta="0%p"
<!--出现动画持续的时间-->
        android:duration="300"
        />

</set>

 退出动画的代码：

 

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
    <!--这里设置的是菜单退出时的起始位置-->
        android:fromYDelta="0%p"
    <!--这里设置的是菜单退出的终止位置-->
        android:toYDelta="100%p"
    <!--这里设置的是退出动画持续的时间-->
        android:duration="300"
         >
        
        
    </translate>

</set>

   接下来就是将进入和退出的动画进行整合，设置成菜单的动画效果。

   在value文件夹中新建一个style文件

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AnimationFade">
    <!--设置菜单进入的动画-->
        <item name="android:windowEnterAnimation">@anim/menu_from_below</item>
       <!--设置菜单退出的动画--> 
        <item name="android:windowExitAnimation">@anim/menu_to_below</item>
        
    </style>
</resources>

 

 

 

   接下来就是给某个按钮添加监听，来弹出菜单了。

   下面是监听器的代码，主界面的就不用写了吧，直接创建监听器对象并添加监听就行了。

package sqm.paintPage;

import sqm.selfandmenu.MyView;
import sqm.selfandmenu.R;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.graphics.Color;
import android.util.Log;
import android.view.Gravity;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.widget.Button;
import android.widget.PopupMenu;
import android.widget.PopupWindow;
import android.widget.Toast;

public class MenuButtonListener implements OnClickListener {

	
	private PaintingActivity pa;//菜单依附的activity对象
	private PopupWindow popWindow ;
	private View view;
	
	
	private int height;//屏幕的高度（用来让菜单适应不同分辨率的手机
	private int width;//屏幕的宽度
	private MyView myView;//自定义的view组件，与view相同
	
	public MenuButtonListener(PaintingActivity pa,int height,int width,MyView myView){
		this.pa = pa;
		this.height = height;
		this.width = width;
		this.myView = myView;
	}
	
	
	@Override
	public void onClick(View v) {
		//先获取对象
		getPopuWindow();
//		opWindow.showAsDropDown(v);
//		int height =
		
		//初始化按键
		initButtons();
		popWindow.showAtLocation(v,Gravity.BOTTOM, 0, height/9);
	}
	
	
	protected void  initPopMenu() {
		//获取菜单的布局
		view = pa.getLayoutInflater().inflate(R.layout.menu_layout, null, false);
		//创建popmenu对象
		popWindow = new PopupWindow(view,width*4/5,height/9,true);
		//设置动画效果
		popWindow.setAnimationStyle(R.style.AnimationFade);
		//设置点击其他地方消失
		view.setOnTouchListener(new OnTouchListener() {
			
			@Override
			public boolean onTouch(View v, MotionEvent event) {
				
				if (popWindow!=null&&popWindow.isShowing()){
					popWindow.dismiss();
					popWindow = null;
				}
				return false;
			}
		});
	
	}
	
	/**
	 * 获取PopuMenu对象实例
	 */
	private void getPopuWindow(){
		if (null!=popWindow){
			//再次点击是退出
			popWindow.dismiss();
			return ;
		}
		else {
			//首次点击时开启
			initPopMenu();
		}
	}
	
	public void initButtons(){
		//颜色按钮的初始化
		Button b1 = (Button)view.findViewById(R.id.menu_color);
		Log.i("BUTTON", b1.toString());
		b1.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				String[] colors = {"红色","黄色","绿色","黑色"};
				new AlertDialog.Builder(pa).setTitle("请选择颜色").setItems(colors, new DialogInterface.OnClickListener() {

					@Override
					public void onClick(DialogInterface dialog, int which) {
						// TODO Auto-generated method stub
						if (which==0){
							myView.color = Color.RED;
						}else if (which == 1){
							myView.color = Color.YELLOW;
						}else if (which == 2){
							myView.color = Color.GREEN;
						}else {
							myView.color = Color.CYAN;
						}
						dialog.dismiss();
						popWindow.dismiss();
						popWindow = null;
					}
				}).create().show();
			}
		});
		
		//线条按钮的初始化
		Button b2 = (Button)view.findViewById(R.id.menu_size);
		b2.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				String[] sizes = {"1px","3px","5px","7px",};
				new AlertDialog.Builder(pa).setTitle("请选择线条的粗细").setItems(sizes, new DialogInterface.OnClickListener() {
					
					public void onClick(DialogInterface dialog, int which) {
						if (which==0){
							myView.stoke = 1;
						}else if (which == 1){
							myView.stoke = 3;
						}else if (which == 2){
							myView.stoke = 6;
						}else {
							myView.stoke = 9;
						}
						dialog.dismiss();
						popWindow.dismiss();
						popWindow = null;
					}
				}).create().show();
				
			}
		});
		
		
		//样式按钮的初始化
		Button b3 = (Button)view.findViewById(R.id.menu_type);
		b3.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				Toast.makeText(pa, "功能暂无", Toast.LENGTH_LONG).show();
			}
		});
		
		//图片按钮的初始化
		Button b4 =  (Button)view.findViewById(R.id.menu_pic);
		b4.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				new AlertDialog.Builder(pa).setMessage("确定要清空画面").setPositiveButton("确定", new DialogInterface.OnClickListener() {
					
					public void onClick(DialogInterface dialog, int which) {
						// TODO Auto-generated method stub
						myView.setBitmap(null);
						myView.invalidate();
						dialog.dismiss();
						popWindow.dismiss();
						popWindow = null;
					}
				}).setNegativeButton("取消", new DialogInterface.OnClickListener() {
					
					@Override
					public void onClick(DialogInterface dialog, int which) {
						// TODO Auto-generated method stub
						dialog.dismiss();
						popWindow.dismiss();
						popWindow = null;
					}
				}).create().show();
			}
		});
	}
	
	
	
}

 效果图：

 

wheredreambegins
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android底部菜单栏实现的实例代码
01-04
Android 使用RadioGroup 实现底部导航菜单栏。 一、主界面布局的实现： 先来张效果图： 介绍一下总体界面包括的内容：底部五个导航按钮，主界面包括一个FrameLayout用来放五个Fragment。点击底部按钮会对应跳转...
android menu遮盖,Android之SubMenu和PopupMenu菜单的使用
weixin_29062865的博客
05-27 228
选项菜单 SubMenupublic class MainActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);}@Overridepublic boolean onCreateOptionsMenu(Men...
侧边栏NavigationView Drawerlayout遮罩
Cherish
02-19 260
DrawerLayout 侧边栏打开时，顶部有一层遮罩，添加如下语句解决： app:insetForeground="@android:color/transparent" +++++ <!-- 侧边栏 --> <com.google.android.material.navigation.NavigationView android:id="@+id/nav_view" android:layout_width="330dp" android:layout_he
Android渐变遮罩
一束尘光的技术分享
10-04 1286
这篇文章分享如何在Android中实现渐变遮罩
android 二级侧拉菜单,Android实现侧滑菜单栏
weixin_34811747的博客
05-25 985
前言在Anroid中实现菜单栏效果通常有很多方式，有我们常见的顶部导航栏，底部导航栏，然后还有一种比较常见的就是侧滑菜单栏了。实现侧滑菜单栏也有很多种方式，那么我今天要介绍的就是Android自带的控件——DrawerLayout。用它也可以实现我们的侧滑式菜单栏，那么接下来就让我们了解下DrawerLayout的使用吧。今天涉及内容:DrawerLayout 库引用DrawerLayout 布局...
android实现下拉菜单三级联动
01-04
android中的下拉菜单联动应用非常普遍，android中的下拉菜单用Spinner就能实现，以下列子通过简单的代码实现三级菜单联动。 一 样式文件 <RelativeLayout xmlns:android=...
Android 侧滑菜单 SlidingMenu 简单实现
10-23
该实例用于博客《Android侧滑菜单（SlidingMenu）的简单实现》 http://www.cnblogs.com/scetopcsa/p/4046546.html 该例子中文件夹“ActionBarSherlock”和“SlidingMenulibrary”是开源库，需要被添加到工程文件...
android 扇形菜单(属性动画实现)
07-27
android 扇形菜单(属性动画实现)
Android组件实现左滑露出右侧操作按钮
女儿控老徐的专栏
03-28 2994
一、最终效果 说在最前： 本例不包含任何第三方库，不集成任何轮子，全部使用Android自带的UI组件和标准事件。 滑动方向可任意修改，滑动效果可放置在任何View组件上。 先来看最终效果，下图左侧的蓝色就是向左滑动后的view，而右侧的三个按钮就是滑动后显示出来的操作按钮： 二、思路 1.利用FrameLayout的布局顺序效果，后布局的元素会遮挡先前布局的元素 2.使用一个CardView容器，将FrameLayout及其中的遮挡层、下方的操作按钮等全部都放在这个CardView容器中
Android代码-安卓菜单的侧拉选项功能
08-07
Android代码-安卓菜单的侧拉选项功能
Android APP侧菜单实现
11-14
包括可运行工程代码，使用到的框架包以及代码的注释解析
DrawerLayout和NavigationView实现侧滑菜单
09-18
DrawerLayout和NavigationView实现侧滑菜单博客地址：http://blog.csdn.net/xiaoqiang_0719/article/details/52574814
安卓5.0以上侧滑菜单效果DrawerLayout
10-27
说明在http://blog.csdn.net/kevinwu93/article/details/49456065
Android侧栏分类点击切换内容
01-13
在群里有人问到最常用的电商类app比较常见的侧栏分类显示的布局，我在这里用最简单的方法给出实现，有需要的同学可以拿去使用。
适合RecyclerView使用的万能侧滑删除控件
昊帅的博客
09-14 1286
上效果图 先上代码public class SwipeMenuLayout extends ViewGroup { private static final String TAG = "zxt/SwipeMenuLayout"; private int mScaleTouchSlop;//为了处理单击事件的冲突 private int mMaxVelocity;//计算滑动速
ListView 侧滑菜单的实现 -- 大道至简的SwipeMenuLayout
chituhuan的专栏
02-22 3443
SwipeMenuLayoutView for listView item一 介绍 ListView 通常用来展示多个个体，比如QQ 微信中的联系人列表。一个比较常见的功能是侧滑删除。这个功能属于比较常见的一个菜单，网络上也有很多实现。 1 scroller 方式。最常见的一个实现是ListView 的Item View 为一个LinerLayout, 菜单在LinerLayout的最右端超出屏幕的
Android 顶部状态栏覆盖到应用之上？
Jonhliu163的博客
06-20 2814
方案一： 1.在Activity onCreate()生命周期加入以下代码（注意：在setContentView()之前添加 以下代码）： @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // 设置状态栏覆盖到应用之上，不占固定位置 ...
Android项目实战——新闻客户端
07-10
综合前面的知识点,剔除繁杂的理论，注重实践，深入浅出综合使用Android中的知识实现一个短信管理类的App
android studio菜单栏实现
最新发布
06-28
### 回答1： Android Studio中可以通过编写代码和使用资源文件来实现菜单栏。在代码中，你需要重写`onCreateOptionsMenu()`和`onOptionsItemSelected()`方法来创建和处理菜单栏中的项目。在资源文件中，你可以使用`menu`资源来定义菜单栏并在代码中加载它。 ### 回答2： Android Studio是一种非常受欢迎的Android应用程序开发工具。它具有丰富的功能和工具，帮助开发人员轻松创建高质量的Android应用程序。其中一个主要组成部分是菜单栏，它允许开发人员方便地访问应用程序的各种功能和选项。在本回答中，我们将详细介绍如何实现菜单栏。 Android Studio菜单栏的实现包含以下步骤： 1.创建一个新的Android项目或导入现有项目。 2.打开Android Studio中的布局文件，并添加一个Menu组件。可以使用XML实现Menu组件，如下所示： <?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android"> <item android:id="@+id/menu_item_1" android:title="Item 1" /> <item android:id="@+id/menu_item_2" android:title="Item 2" /> <item android:id="@+id/menu_item_3" android:title="Item 3" /> </menu> 在这个例子中，我们创建了三个菜单项，每一个都有一个唯一的ID和一个标题。 3.在Java文件中，找到onCreateOptionsMenu方法并重写该方法。该方法的目的是在菜单栏中添加新的菜单项。 @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.menu_main, menu); return true; } 这里使用了一个inflate（）方法，该方法从给定的XML资源（我们在步骤2中创建）中读取并解析菜单项，并将其添加到菜单项中。 4.如果希望添加任何单击菜单项时响应的事件，可以使用onOptionsItemSelected方法并重写该方法。在这个方法中，可以根据所选菜单项的ID执行特定的代码。例如，以下是单击菜单项时执行的一些示例代码： @Override public boolean onOptionsItemSelected(MenuItem item) { switch(item.getItemId()) { case R.id.menu_item_1: // Do something for menu item 1 return true; case R.id.menu_item_2: // Do something for menu item 2 return true; case R.id.menu_item_3: // Do something for menu item 3 return true; default: return super.onOptionsItemSelected(item); } } 5.最后，在AndroidManifest.xml文件中，确保在应用程序元素中启用操作栏。可以使用以下代码来实现这一点： <application ... android:theme="@style/Theme.AppCompat.Light.DarkActionBar"> ... </application> 这里设置了一个主题，该主题为“DarkActionBar”，这将激活操作栏并显示菜单项。 以上是实现Android Studio菜单栏的基础步骤。通过使用这些步骤，开发人员可以创建一个自定的菜单栏，用于应用程序中访问各种功能和选项。 ### 回答3： Android Studio是一款强大的开发工具，它可以帮助开发人员轻松创建高质量的Android应用程序。其中，菜单栏是Android Studio的一个重要组成部分。Android Studio的菜单栏呈现为一个水平的工具栏，其中包含了许多有用的功能按钮和选项卡，可以帮助开发人员快速访问各种工具和功能。下面就来详细介绍一下Android Studio菜单栏实现的过程。 首先，我们需要打开Android Studio，在顶部的工具栏中找到菜单栏。通常情况下，菜单栏默认会出现在应用程序界面的顶部，如果没有出现，可以使用以下步骤启动菜单栏： 1. 点击"View"菜单，选择"Toolbar"选项； 2. 在弹出的菜单中勾选"Main Toolbar"选项； 3. 确认后，菜单栏就会显示在应用程序界面的顶部。 接下来，我们需要为菜单栏添加功能按钮或选项卡。这可以通过使用Android Studio的布局编辑器来实现。使用布局编辑器的步骤如下： 1. 在布局编辑器中打开主XML文件； 2. 将鼠标悬停在菜单栏上，右键单击打开菜单菜单； 3. 选择要添加的功能按钮或选项卡，并按照需要进行调整。 在添加了所需的功能按钮和选项卡之后，我们需要为这些按钮和选项卡添加事件处理程序。这可以通过使用Java编程语言来实现。在Java中，我们可以通过添加事件监听器来监视用户与菜单栏的交互并创建事件处理程序，例如响应菜单栏点击事件、打开新界面、执行特定操作等等。 总之，Android Studio菜单栏是一个非常重要的工具栏，可以帮助开发人员快速访问各种工具和功能。为了实现一个移动应用程序的菜单栏，开发人员需要遵循一些基本步骤，如启动菜单栏，添加各种功能按钮和选项卡，以及为它们添加事件处理程序。通过这些步骤，开发人员可以在Android Studio中轻松地实现功能强大的菜单栏。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值