仿qq弹出列表的actionSheet用oc ,swift2和安卓的简单实现

2024-09-03 02:32
文章标签 简单 实现 列表 qq 安卓 弹出 oc actionsheet swift2

本文主要是介绍仿qq弹出列表的actionSheet用oc ,swift2和安卓的简单实现，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

在这公司上班也是醉了，一个产品公司不大利于程序员的发展，最主要的是公司不关心员工的成长，每天就知道在公司优化代码和换下公司的界面等一些繁琐的事情，完全是在浪费时间，倒不如学一些新的东西，今天学ios的时候发现了qq5.0版的那个退出程序时的上弹提示菜单栏，以前也就是用popwindow来实现的，今天看ios的代码实现起来确实是如此的简单，也就是已经封装好的一个控件UIActionSheet,想起安卓实现这功能是如此的操蛋，不得不觉得iphoe真的是有很大优势的，特别是去年6月出的swift语言，据说是比oc简单的多，学ios也是辛苦的，今天我也来实现一个安卓版的actionSheet。

先看下ios的实现这功能的截图和代码：

                                    

是不是很漂亮的界面，再看代码：

OC实现

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {self.window=[[UIWindow alloc]initWithFrame:[[UIScreen mainScreen] bounds]];
        self.window.backgroundColor=[UIColor whiteColor];
        [self.window makeKeyAndVisible];
        self.button=[UIButton buttonWithType:UIButtonTypeRoundedRect];
        self.button.frame=CGRectMake(50, 250, 280, 50);
        [self.button setTitle:@"show actionSheet" forState:UIControlStateNormal];
        [self.button setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
        // self.button.font = [UIFont fontWithName:@"STHeiti-Medium.ttc" size:10];
        self.button.backgroundColor=[UIColor blueColor];
        [self.button addTarget:self action:@selector(click) forControlEvents:UIControlEventTouchUpInside];
        [self.window addSubview:self.button];
        return YES;
        }-(void)click{//底部弹出dialog
        UIActionSheet *sheet=[[UIActionSheet alloc]initWithTitle:nil delegate:self cancelButtonTitle:@"取消" destructiveButtonTitle:@"发送给好友" otherButtonTitles:@"转载到空间相册",@"上传到群相册",@"保存到手机",@"收藏",@"查看聊天图片",nil];
        [sheet showInView:self.window];
        }

由于是初学者，所以用的是代码添加控件的方式可怜

swift 2实现

 说实在的个人是喜欢使用

class ViewController: UIViewController {var actionSheetController : UIAlertController?var dataArray : Array<String> = ["取消","发送给好友","转载到空间相册","上传到群相册","保存到手机","收藏","查看聊天图片"]override func viewDidLoad() {super.viewDidLoad()}override func didReceiveMemoryWarning() {super.didReceiveMemoryWarning()}override func viewDidAppear(animated: Bool) {self.showActionSheet()}func showActionSheet(){self.actionSheetController = UIAlertController(title:nil, message: nil, preferredStyle: UIAlertControllerStyle.ActionSheet)self.actionSheetController?.addAction(UIAlertAction(title: self.dataArray[0], style: UIAlertActionStyle.Cancel, handler: { (action) -> Void in}))self.actionSheetController?.addAction(UIAlertAction(title: self.dataArray[1], style: UIAlertActionStyle.Default, handler: { (action) -> Void in}))self.actionSheetController?.addAction(UIAlertAction(title: self.dataArray[2], style: UIAlertActionStyle.Default, handler: { (action) -> Void in}))self.actionSheetController?.addAction(UIAlertAction(title: self.dataArray[3], style: UIAlertActionStyle.Default, handler: { (action) -> Void in}))self.actionSheetController?.addAction(UIAlertAction(title: self.dataArray[4], style: UIAlertActionStyle.Default, handler: { (action) -> Void in}))self.actionSheetController?.addAction(UIAlertAction(title: self.dataArray[5], style: UIAlertActionStyle.Default, handler: { (action) -> Void in}))self.actionSheetController?.addAction(UIAlertAction(title: self.dataArray[6], style: UIAlertActionStyle.Default, handler: { (action) -> Void in}))self.presentViewController(self.actionSheetController!, animated: true) { () -> Void in}}
}

说实在的和写java程序一样，是不是特别给力。

android 实现

然后下面是安卓来实现：

actionSheet.java

package com.zy.actionsheet;
        import java.util.ArrayList;
        import java.util.List;
        import android.app.Dialog;
        import android.content.Context;
        import android.graphics.Color;
        import android.view.Display;
        import android.view.Gravity;
        import android.view.LayoutInflater;
        import android.view.View;
        import android.view.View.OnClickListener;
        import android.view.Window;
        import android.view.WindowManager;
        import android.widget.LinearLayout;
        import android.widget.LinearLayout.LayoutParams;
        import android.widget.ScrollView;
        import android.widget.TextView;
/**
 * 自定义的actionSheet,有三部分组成（1.title   2.item  3.cancle按钮）
 * 当item 的条目多过8条时，item就能滚动显示
 * */
public class ActionSheet {private Context context;
    private Dialog dialog;
    private TextView txt_title;//标题，默认是没有标题的
    private TextView txt_cancel;//取消按钮
    private LinearLayout lLayout_content;
    private ScrollView sLayout_content;
    private boolean showTitle = false;
    private List<SheetItem> sheetItems;
    private Display display;


    public ActionSheet(Context context) {this.context = context;
        // 取得window对象
        WindowManager windowManager = (WindowManager) context
                .getSystemService(Context.WINDOW_SERVICE);
        //得到窗口的尺寸对象
        display = windowManager.getDefaultDisplay();
    }// 为actionSheet构建自定义的控件
    public ActionSheet builder() {// 获取Dialog布局
        View view = LayoutInflater.from(context).inflate(R.layout.view_actionsheet, null);
        // 设置Dialog最小宽度为屏幕宽度
        view.setMinimumWidth(display.getWidth());
        // 获取自定义Dialog布局中的控件
        sLayout_content = (ScrollView) view.findViewById(R.id.sLayout_content);
        lLayout_content = (LinearLayout) view
                .findViewById(R.id.lLayout_content);
        txt_title = (TextView) view.findViewById(R.id.txt_title);
        txt_cancel = (TextView) view.findViewById(R.id.txt_cancel);
        //单独设置取消按钮的点击事件
        txt_cancel.setOnClickListener(new OnClickListener() {@Override
            public void onClick(View v) {dialog.dismiss();
            }});


        // 定义Dialog布局和参数
        dialog = new Dialog(context, R.style.ActionSheetDialogStyle);
        dialog.setContentView(view);
        Window dialogWindow = dialog.getWindow();
        dialogWindow.setGravity(Gravity.LEFT | Gravity.BOTTOM);
        WindowManager.LayoutParams lp = dialogWindow.getAttributes();
        lp.x = 0;
        lp.y = 0;
        dialogWindow.setAttributes(lp);
        return this;
    }//为actionSheet设置标题
    public ActionSheet setTitle(String title) {showTitle = true;
        txt_title.setVisibility(View.VISIBLE);
        txt_title.setText(title);
        return this;
    }// 设置dialog是否能够取消
    public ActionSheet setCancelable(boolean cancel) {dialog.setCancelable(cancel);
        return this;
    }// 设置dialog在屏幕外部是否能够取消
    public ActionSheet setCanceledOnTouchOutside(boolean cancel) {dialog.setCanceledOnTouchOutside(cancel);
        return this;
    }/**
     *
     * @param strItem
     *            条目名称
     * @param color
     *            条目字体颜色，设置null则默认蓝色
     * @param listener
     * @return actionSheet
     */
    public ActionSheet addSheetItem(String strItem, SheetItemColor color,
                                    OnSheetItemClickListener listener) {if (sheetItems == null) {sheetItems = new ArrayList<SheetItem>();
        }sheetItems.add(new SheetItem(strItem, color, listener));
        return this;
    }/** 设置条目布局 */
    @SuppressWarnings("deprecation")private void setSheetItems() {if (sheetItems == null || sheetItems.size() <= 0) {return;
        }int size = sheetItems.size();//除去title和cancle 按钮显示的总条目数
        // 添加条目过多的时候控制高度
        if (size >= 8) {//当条目多余八条时就可以滚动显示
            LinearLayout.LayoutParams params = (LayoutParams) sLayout_content
                    .getLayoutParams();
            //我这里设置的item的课显示总高度为屏幕高度的3/5
            params.height = display.getHeight()*3 / 5;
            sLayout_content.setLayoutParams(params);
        }// 循环添加条目
        for (int i = 1; i <= size; i++) {final int index = i;
            SheetItem sheetItem = sheetItems.get(i - 1);
            String strItem = sheetItem.name;
            SheetItemColor color = sheetItem.color;
            final OnSheetItemClickListener listener = (OnSheetItemClickListener) sheetItem.itemClickListener;
            TextView textView = new TextView(context);
            textView.setText(strItem);
            textView.setTextSize(18);
            textView.setGravity(Gravity.CENTER);
            // 背景图片
            if (size == 1) {if (showTitle) {textView.setBackgroundResource(R.drawable.actionsheet_bottom_selector);
                } else {textView.setBackgroundResource(R.drawable.actionsheet_single_selector);
                }} else {if (showTitle) {if (i >= 1 && i < size) {textView.setBackgroundResource(R.drawable.actionsheet_middle_selector);
                    } else {textView.setBackgroundResource(R.drawable.actionsheet_bottom_selector);
                    }} else {if (i == 1) {textView.setBackgroundResource(R.drawable.actionsheet_top_selector);
                    } else if (i < size) {textView.setBackgroundResource(R.drawable.actionsheet_middle_selector);
                    } else {textView.setBackgroundResource(R.drawable.actionsheet_bottom_selector);
                    }}}// 字体颜色
            if (color == null) {textView.setTextColor(Color.parseColor(SheetItemColor.Blue
                        .getName()));
            } else {textView.setTextColor(Color.parseColor(color.getName()));
            }// 高度
            float scale = context.getResources().getDisplayMetrics().density;//获取屏幕密度
            int height = (int) (45 * scale + 0.5f);
            textView.setLayoutParams(new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, height));//textView设置宽高


            // 点击事件
            textView.setOnClickListener(new OnClickListener() {@Override
                public void onClick(View v) {listener.onClick(index);
                    dialog.dismiss();
                }});


            lLayout_content.addView(textView);
        }}public void show() {setSheetItems();
        dialog.show();
    }//条目的接口回调类
    public interface OnSheetItemClickListener {void onClick(int which);
    }public class SheetItem {String name;
        OnSheetItemClickListener itemClickListener;
        SheetItemColor color;

        public SheetItem(String name, SheetItemColor color,
                         OnSheetItemClickListener itemClickListener) {this.name = name;
            this.color = color;
            this.itemClickListener = itemClickListener;
        }}public enum SheetItemColor {Blue("#037BFF"), Red("#FD4A2E");
        private String name;


        private SheetItemColor(String name) {this.name = name;
        }public String getName() {return name;
        }public void setName(String name) {this.name = name;
        }}
}

mainActivity.java

package com.zy.actionsheet;
        import android.app.Activity;
        import android.os.Bundle;
        import android.view.View;
        import android.view.View.OnClickListener;
        import android.widget.Button;
        import android.widget.Toast;
        import com.zy.actionsheet.ActionSheet.OnSheetItemClickListener;
        import com.zy.actionsheet.ActionSheet.SheetItemColor;
public class MainActivity extends Activity implements OnSheetItemClickListener{//实现条目的点击
    private Button btn1;
    private ActionSheet actionSheet;
    @Override
    protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }private void initView() {btn1 = (Button) findViewById(R.id.btn1);
        btn1.setOnClickListener(new OnClickListener() {@Override
            public void onClick(View v) {actionSheet=new ActionSheet(MainActivity.this).builder().setCancelable(false).setCanceledOnTouchOutside(false).addSheetItem("发送给好友", SheetItemColor.Blue,
                                MainActivity.this).addSheetItem("转载到空间相册", SheetItemColor.Blue,
                                MainActivity.this).addSheetItem("上传到群相册", SheetItemColor.Blue,
                                MainActivity.this).addSheetItem("保存到手机", SheetItemColor.Blue,
                                MainActivity.this).addSheetItem("收藏", SheetItemColor.Blue,
                                MainActivity.this).addSheetItem("查看聊天图片", SheetItemColor.Blue,
                                MainActivity.this);
                actionSheet.show();
            }});
    }@Override
    public void onClick(int which) {Toast.makeText(MainActivity.this,"我被点击了"+which, 1).show();
    }
}

搞了下，很简单的代码也就不需要介绍了，下面直接上图看效果

我也是醉了，截屏工具出问题，手机拍照的抓狂

源码呢，在这》》》》》》》戳actionSheet下载





这篇关于仿qq弹出列表的actionSheet用oc ,swift2和安卓的简单实现的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1131775。

相关文章

Docker镜像修改hosts及dockerfile修改hosts文件的实现方式

Docker镜像修改hosts及dockerfile修改hosts文件的实现方式

《Docker镜像修改hosts及dockerfile修改hosts文件的实现方式》：本文主要介绍Docker镜像修改hosts及dockerfile修改hosts文件的实现方式,具有很好的参考价... 目录docker镜像修改hosts及dockerfile修改hosts文件准备 dockerfile 文
阅读更多...
基于SpringBoot+Mybatis实现Mysql分表

基于SpringBoot+Mybatis实现Mysql分表

《基于SpringBoot+Mybatis实现Mysql分表》这篇文章主要为大家详细介绍了基于SpringBoot+Mybatis实现Mysql分表的相关知识,文中的示例代码讲解详细,感兴趣的小伙伴可... 目录基本思路定义注解创建ThreadLocal创建拦截器业务处理基本思路1.根据创建时间字段按年进
阅读更多...
SpringBoot3实现Gzip压缩优化的技术指南

SpringBoot3实现Gzip压缩优化的技术指南

《SpringBoot3实现Gzip压缩优化的技术指南》随着Web应用的用户量和数据量增加,网络带宽和页面加载速度逐渐成为瓶颈,为了减少数据传输量,提高用户体验,我们可以使用Gzip压缩HTTP响应,... 目录1、简述2、配置2.1 添加依赖2.2 配置 Gzip 压缩3、服务端应用4、前端应用4.1 N
阅读更多...
SpringBoot实现数据库读写分离的3种方法小结

SpringBoot实现数据库读写分离的3种方法小结

《SpringBoot实现数据库读写分离的3种方法小结》为了提高系统的读写性能和可用性,读写分离是一种经典的数据库架构模式,在SpringBoot应用中,有多种方式可以实现数据库读写分离,本文将介绍三... 目录一、数据库读写分离概述二、方案一：基于AbstractRoutingDataSource实现动态
阅读更多...
Python FastAPI+Celery+RabbitMQ实现分布式图片水印处理系统

Python FastAPI+Celery+RabbitMQ实现分布式图片水印处理系统

《PythonFastAPI+Celery+RabbitMQ实现分布式图片水印处理系统》这篇文章主要为大家详细介绍了PythonFastAPI如何结合Celery以及RabbitMQ实现简单的分布式... 实现思路FastAPI 服务器Celery 任务队列RabbitMQ 作为消息代理定时任务处理完整
阅读更多...
Java枚举类实现Key-Value映射的多种实现方式

Java枚举类实现Key-Value映射的多种实现方式

《Java枚举类实现Key-Value映射的多种实现方式》在Java开发中,枚举(Enum)是一种特殊的类,本文将详细介绍Java枚举类实现key-value映射的多种方式,有需要的小伙伴可以根据需要... 目录前言一、基础实现方式1.1 为枚举添加属性和构造方法二、http://www.cppcns.co
阅读更多...
使用Python实现快速搭建本地HTTP服务器

使用Python实现快速搭建本地HTTP服务器

《使用Python实现快速搭建本地HTTP服务器》：本文主要介绍如何使用Python快速搭建本地HTTP服务器,轻松实现一键HTTP文件共享,同时结合二维码技术,让访问更简单,感兴趣的小伙伴可以了... 目录1. 概述2. 快速搭建 HTTP 文件共享服务2.1 核心思路2.2 代码实现2.3 代码解读3.
阅读更多...
MySQL双主搭建+keepalived高可用的实现

MySQL双主搭建+keepalived高可用的实现

《MySQL双主搭建+keepalived高可用的实现》本文主要介绍了MySQL双主搭建+keepalived高可用的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,... 目录一、测试环境准备二、主从搭建1.创建复制用户2.创建复制关系3.开启复制，确认复制是否成功4.同
阅读更多...
Java实现文件图片的预览和下载功能

Java实现文件图片的预览和下载功能

《Java实现文件图片的预览和下载功能》这篇文章主要为大家详细介绍了如何使用Java实现文件图片的预览和下载功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... Java实现文件（图片）的预览和下载 @ApiOperation("访问文件") @GetMapping("
阅读更多...
使用Sentinel自定义返回和实现区分来源方式

使用Sentinel自定义返回和实现区分来源方式

《使用Sentinel自定义返回和实现区分来源方式》：本文主要介绍使用Sentinel自定义返回和实现区分来源方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Sentinel自定义返回和实现区分来源1. 自定义错误返回2. 实现区分来源总结Sentinel自定
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2