程序博客网 > 数据分析ui设计界面

Android：实现一种浮动选择菜单的效果

来源：互联网 发布：数据分析ui设计界面 编辑：程序博客网 时间：2024/04/30 23:46

前几天更新了一下我手机上的百阅软件，上面的浮动对话框选择很好看，就模仿了一下。先看一下运行效果。

　　主要原理是在dialog里扔进一个GridView，可以作为一个组件使用。源码如下

图片


主要原理是在dialog里扔进一个GridView，可以作为一个组件使用。源码如下

对话框使用的layout:grid_dialog.xml

[xhtml] view plaincopyprint?
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:id="@+id/layout_root"
  4. android:layout_width="wrap_content"
  5. android:layout_height="wrap_content"
  6. >
  7. <GridView android:id="@+id/mygridview"
  8. android:numColumns="3"
  9. android:gravity="center"
  10. android:layout_width="wrap_content"
  11. android:layout_height="wrap_content"
  12. android:padding="10dp"
  13. android:verticalSpacing="20dp"
  14. android:horizontalSpacing="10dp"
  15. android:stretchMode="columnWidth"
  16. >
  17. </GridView>
  18. </RelativeLayout>

对话框列表中的项目layout:grid_item.xml

[xhtml] view plaincopyprint?
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:id="@+id/RelativeLayout01"
  4. android:layout_width="fill_parent"
  5. android:layout_height="fill_parent"
  6. android:gravity="center"
  7. >
  9. <ImageViewandroid:id="@+id/item_image"
  10. android:layout_width="wrap_content"
  11. android:layout_height="wrap_content"
  12. android:layout_centerHorizontal="true"
  13. />
  15. <TextView android:id="@+id/item_text"
  16. android:layout_width="wrap_content"
  17. android:layout_height="wrap_content"
  18. android:layout_below="@id/item_image"
  19. android:layout_centerHorizontal="true"
  20. android:text="@+id/item_text"/>
  22. </RelativeLayout>

自定义的对话框类：GridDialog.java

[java] view plaincopyprint?
  1. import java.util.ArrayList;
  2. import java.util.HashMap;
  3. import java.util.List;
  4. import java.util.Map;
  6. import android.app.Activity;
  7. import android.app.Dialog;
  8. import android.content.Context;
  9. import android.content.Intent;
  10. import android.view.Gravity;
  11. import android.view.View;
  12. import android.view.Window;
  13. import android.view.WindowManager.LayoutParams;
  14. import android.widget.AdapterView;
  15. import android.widget.AdapterView.OnItemClickListener;
  16. import android.widget.GridView;
  17. import android.widget.SimpleAdapter;
  18. import android.widget.Toast;
  21. public class GridDialogextends Dialog {
  23. private List<int[]> griditem =new ArrayList<int[]>();
  24. {
  25. griditem.add(new int[] { R.drawable.edit, R.string.edit });//图片资源，标题,可自己设定
  26. griditem.add(new int[] { R.drawable.delete, R.string.delete });
  27. griditem.add(new int[] { R.drawable.favsaddto, R.string.favsaddto });
  28. griditem.add(new int[] { R.drawable.favs, R.string.favs });
  29. griditem.add(new int[] { R.drawable.settings, R.string.settings });
  30. griditem.add(new int[] { R.drawable.sync, R.string.sync });
  31. griditem.add(new int[] { R.drawable.save, R.string.save });
  32. griditem.add(new int[] { R.drawable.search, R.string.search });
  33. griditem.add(new int[] { R.drawable.camera, R.string.camera });
  34. };
  36. private GridView gridview;
  38. public GridDialog(Context context, boolean cancelable,
  39. OnCancelListener cancelListener) {
  40. super(context, cancelable, cancelListener);
  41. }
  43. public GridDialog(Context context, int theme) {
  44. super(context, theme);
  45. }
  47. private void initGrid() {
  48. List<Map<String, Object>> items = new ArrayList<Map<String, Object>>();
  50. for (int[] item : griditem) {
  51. Map<String, Object> map = new HashMap<String, Object>();
  52. map.put("image", item[0]);
  53. map.put("title", getContext().getString(item[1]));
  54. items.add(map);
  55. }
  57. SimpleAdapter adapter = new SimpleAdapter(getContext(),
  58. items, // 列表内容
  59. R.layout.grid_item, new String[] { "title", "image" },
  60. new int[] { R.id.item_text, R.id.item_image });
  62. gridview = (GridView) findViewById(R.id.mygridview);
  63. // 为GridView设置数据
  64. gridview.setAdapter(adapter);
  66. }
  68. public GridDialog(Context context) {
  70. super(context);
  71. requestWindowFeature(Window.FEATURE_NO_TITLE); // 灭掉对话框标题，要放在setContentView前面否则会报错
  73. setContentView(R.layout.grid_dialog);
  75. setCanceledOnTouchOutside(true);// 点击对话框外部取消对话框显示
  76. LayoutParams lp = getWindow().getAttributes();
  77. getWindow().setAttributes(lp);
  79. getWindow().addFlags(LayoutParams.FLAG_BLUR_BEHIND);// 添加模糊效果
  81. // 设置透明度，对话框透明(包括对话框中的内容)alpha在0.0f到1.0f之间。1.0完全不透明，0.0f完全透明
  82. // lp.alpha = 0.5f;
  84. lp.dimAmount = 0.1f;// 设置对话框显示时的黑暗度，0.0f和1.0f之间，在我这里设置成0.0f会出现黑屏状态，求解。
  86. initGrid();// 添加表格按钮内容
  87. }
  89. /**
  90. * 绑定事件到指定的Activity上
  91. *
  92. * @param activity
  93. */
  94. public void bindEvent(Activity activity) {
  96. setOwnerActivity(activity);// )把对话框附着到一个Activity上
  98. gridview.setOnItemClickListener(new OnItemClickListener() {
  100. public void onItemClick(AdapterView<?> parent, View v,
  101. int position, long id) {
  103. switch (position) {// position从0开始，GridView中按钮的位置
  104. case 0:
  105. Toast.makeText(getContext(), "测试", Toast.LENGTH_SHORT)
  106. .show();
  107. break;
  108. }
  109. }
  110. });
  111. }
  112. }

上面的代码没有实现active的跳转。如果想实现跳转采用下面方法：

[java] view plaincopyprint?
  1. private void redirect(Class<?> cls) {
  2. if (getOwnerActivity().getClass() != cls) {//如果不是对话框绑定的active则跳转
  3. dismiss();//关闭对话框
  4. Intent intent = new Intent();
  5. intent.setClass(getContext(), cls);
  6. getContext().startActivity(intent);//跳转
  7. }
  8. }

对话框调用方法：

[java] view plaincopyprint?
  1. public class MainActivityextends Activity {
  2. /** Called when the activity is first created. */
  3. @Override
  4. public void onCreate(Bundle savedInstanceState) {
  5. super.onCreate(savedInstanceState);
  6. setContentView(R.layout.main);
  7. Button button=(Button) findViewById(R.id.Button01);
  8. button.setOnClickListener(new Button.OnClickListener(){
  9. @Override
  10. public void onClick(View arg0) {
  11. GridDialog dialog=new GridDialog(MainActivity.this);
  12. dialog.bindEvent(MainActivity.this);
  14. dialog.show();
  15. }
  18. });
  19. }
  20. }

这个功能还是比较弱，比如无法动态增加按钮。这里为了简洁将一些style效果写到代码里了，还是写入xml里容易控制。


数据分析ui设计界面 数据分析ui设计界面
原创粉丝点击
热门IT博客
淘宝买家评价不显示淘宝买家评价不显示
达达抢单软件达达抢单软件
mac系统恢复被删除
北京赛车pk10微信源码
hadoop源码下载
php大神博客
php 5.3.2.tar.gz
大数据时代的产生原因
建站源码
学java还是android
仙剑奇侠传3mac修改器
开淘宝网店的步骤
天威网络客服电话
博时大数据100垃圾
极端的年代 知乎
延安大数据
网络家教平台
irfanview 知乎
backtrack4软件下载
淘宝限制购买怎么解决
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 不孕不孕哪个医院好 女人不孕的原因 女人怀不了孕是什么原因 免疫性不孕的原因 不孕有哪些原因 不孕是怎么引起的 不孕症哪家医院好 不孕吧 不孕主要原因 不孕什么原因 北京不孕 不孕不孕检查项目 看不孕哪家好 怀不了孕是为什么 好孕 不孕原因是什么 什么能导致不孕 不孕要怎么办 哪里看不孕 看不孕不孕医院哪家好 成都不孕 不孕不孕怎么办 引起不孕的主要原因 多年不孕怎么办 一直不孕怎么办 女性查不孕 不孕有那些原因 不孕多少钱 无孕 不孕是什么原因 如果不孕怎么办 得了不孕该怎么办 哪里看不孕好 不孕主要原因是什么 得了不孕怎么办 老是怀不上孕怎么办 哈尔滨不孕 哪里不孕好 什么是不孕 怀不了孕怎么回事 女人不孕有哪些症状

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里