文章详情

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

请输入下面的图形验证码

提交验证

短信预约提醒成功

Android Menu半透明效果的开发实例

2022-06-06 07:32

关注

不知道大家是否用过天天动听,对于它界面上的半透明Menu效果,笔者感觉非常漂亮。下面是天天动听半透明Menu的截图,欣赏下吧:

       感觉还不错吧?那么如何实现这种半透明Menu效果呢?本文就重点讨论并给出这种Menu的具体代码实现过程。

       首先分析下实现这种半透明Menu所需做的工作,并进行合理分解:

       1.  利用Shaper设置一个半透明圆角背景。

       2.  定义Menu布局,主要就GridView,把图标都放在这个GridView。

       3.  Menu事件, 通过PopupWindow或者AlertDialog或者透明Activity显示到页面即可。

       4.  按钮的监听事件,实例中没加。需要的话自己在Adapter里加。

       比较简单,不多说了。

       半透明圆角背景xml:

XML/HTML代码


<?xml version="1.0" encoding="UTF-8"?> 
<shape android:shape="rectangle">  
 <solid android:color="#b4000000" /> 
 <stroke android:width="2.0dip" android:color="#b4ffffff" android:dashWidth="3.0dip" android:dashGap="0.0dip" /> 
 <padding android:left="7.0dip" android:top="7.0dip" android:right="7.0dip" android:bottom="7.0dip" /> 
 <corners android:radius="8.0dip" /> 
</shape> 

        Menu布局:

XML/HTML代码


<?xml version="1.0" encoding="UTF-8"?> 
<LinearLayout 
  android:orientation="vertical" 
  android:layout_width="wrap_content" 
  android:layout_height="fill_parent"> 
  <GridView android:gravity="center" 
    android:layout_gravity="center" 
    android:id="@+id/menuGridChange" 
    android:background="@drawable/menu_bg_frame" 
    android:padding="5.0dip" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:horizontalSpacing="10.0dip" 
    android:verticalSpacing="3.0dip" 
    android:stretchMode="columnWidth" 
    android:columnWidth="60.0dip" 
    android:numColumns="auto_fit"/> 
</LinearLayout> 

       主要类:

Java代码


package com.yfz; 
import android.app.Activity; 
import android.app.AlertDialog; 
import android.app.AlertDialog.Builder; 
import android.content.Context; 
import android.graphics.drawable.BitmapDrawable; 
import android.os.Bundle; 
import android.util.Log; 
import android.view.ContextMenu; 
import android.view.Gravity; 
import android.view.LayoutInflater; 
import android.view.Menu; 
import android.view.MenuItem; 
import android.view.View; 
import android.view.ViewGroup; 
import android.view.ContextMenu.ContextMenuInfo; 
import android.widget.BaseAdapter; 
import android.widget.GridView; 
import android.widget.ImageView; 
import android.widget.LinearLayout; 
import android.widget.PopupWindow; 
import android.widget.TextView; 
import android.widget.LinearLayout.LayoutParams; 
public class MenuTest extends Activity {   
  private String TAG = this.getClass().getSimpleName();   
  private int[] resArray = new int[] { 
    R.drawable.icon_menu_addto, R.drawable.icon_menu_audioinfo, 
    R.drawable.icon_menu_findlrc, R.drawable.icon_menu_scan 
  };   
  private String[] title = new String[]{ 
    "添加歌曲", "歌曲信息", "查找歌词", "搜索歌词" 
  };   
  private static boolean show_flag = false;   
  private PopupWindow pw = null;   
   
  @Override 
  public void onCreate(Bundle savedInstanceState) { 
   super.onCreate(savedInstanceState); 
   setContentView(R.layout.main); 
  } 
  @Override 
  public boolean onCreateOptionsMenu(Menu menu) { 
    Log.e(TAG, "------ onCreateOptionsMenu ------"); 
    //用AlertDialog弹出menu 
//    View view = LayoutInflater.from(this).inflate(R.layout.menu, null); 
//    GridView grid1 = (GridView)view.findViewById(R.id.menuGridChange); 
//    grid1.setAdapter(new ImageAdapter(this)); 
//    Builder build = new AlertDialog.Builder(this); 
//    build.setView(view); 
//    build.show(); 
    LayoutInflater inflater = (LayoutInflater)this.getSystemService(Context.LAYOUT_INFLATER_SERVICE);   
    View view = inflater.inflate(R.layout.menu, null); 
    GridView grid1 = (GridView)view.findViewById(R.id.menuGridChange); 
    grid1.setAdapter(new ImageAdapter(this));     
    //用Popupwindow弹出menu 
    pw = new PopupWindow(view,LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT);     
    //NND, 第一个参数, 必须找个View 
    pw.showAtLocation(findViewById(R.id.tv), Gravity.CENTER, 0, 300);     
    return true; 
  } 
  @Override 
  public boolean onOptionsItemSelected(MenuItem item) { 
    return super.onOptionsItemSelected(item); 
  } 
  public class ImageAdapter extends BaseAdapter {     
    private Context context;     
    public ImageAdapter(Context context) { 
      this.context = context; 
    }     
    @Override 
    public int getCount() { 
      return resArray.length; 
    } 
    @Override 
    public Object getItem(int arg0) { 
      return resArray[arg0]; 
    } 
    @Override 
    public long getItemId(int arg0) { 
      return arg0; 
    } 
    @Override 
    public View getView(int arg0, View arg1, ViewGroup arg2) { 
      LinearLayout linear = new LinearLayout(context); 
      LinearLayout.LayoutParams params = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); 
      linear.setOrientation(LinearLayout.VERTICAL);       
      ImageView iv = new ImageView(context); 
      iv.setImageBitmap(((BitmapDrawable)context.getResources().getDrawable(resArray[arg0])).getBitmap()); 
      LinearLayout.LayoutParams params2 = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); 
      params2.gravity=Gravity.CENTER; 
      linear.addView(iv, params2);       
      TextView tv = new TextView(context); 
      tv.setText(title[arg0]); 
      LinearLayout.LayoutParams params3 = new LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT); 
      params3.gravity=Gravity.CENTER;       
      linear.addView(tv, params3);       
      return linear; 
    } 
  } 
} 

        到此,大家是不是觉得半透明Menu效果也是比较好实现的呢?可以根据自己的需要对此实例进行修改以求更美观好用。

        以上就是对Android Menu 半透明效果的实现,后续继续补充相关资料谢谢大家对本站的支持!

您可能感兴趣的文章:Android仿Iphone屏幕底部弹出半透明PopupWindow效果Android实现底部半透明弹出框PopUpWindow效果Android中设置组件半透明和透明的效果示例Android编程自定义圆角半透明Dialog的方法Android开发中Dialog半透明背景消失Android实现在列表List中显示半透明小窗体效果的控件用法详解Android编程实现popupwindow弹出后屏幕背景变成半透明效果Android编程实现设置按钮背景透明与半透明及图片背景透明的方法Android4.4+ 实现半透明状态栏(Translucent Bars)


阅读原文内容投诉

免责声明:

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

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

软考中级精品资料免费领

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

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

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

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

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

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

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