ios 代码写Button小结

2021-01-12 22:05:56

参考地址 ios 代码写Button小结

        本文实现的是一个不用拖控件,而是用代码写出一个按钮,然后点击弹出一个警告信息,有人问那么好的IB工具不用却去苦逼的写代码呢?因为IB高度集成开发工具,拖出的控件帮我省了很大麻烦,这个过程农民工也可以干,但是作为初学者,IB是个比较高层的东西,我们是不是应该了解一下IB底层的东西呢,如果一味追求方便快捷,哪天突然有人问怎么用代码写出来,咱岂不是要被鄙视了;所以吧,初学者不要学懒,多写代码提高我们的编程能力,当我们在开发项目或者在公司工作去用IB,来帮我们节省时间提高效率;

          初始化视图代码,绘制了一个距原点(100,100)的140x50像素的按钮,有一点需要注意的是iphone的远点坐标是在左上角,屏幕640x480像素,不过现在用个是Retina分辨率,画质更加细腻;



- (void)viewDidLoad{[super viewDidLoad];//    设置按钮类型,此处为圆角按钮UIButton *writeButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];//    设置和大小CGRect frame = CGRectMake(100.0f, 100.0f, 140.0f, 50.0f);//    将frame的位置大小复制给ButtonwriteButton.frame = frame;//-----------------------------------------------//  给Button添加标题  [writeButton setTitle:@"代码按钮" forState:UIControlStateNormal];//   设置按钮背景颜色 writeButton.backgroundColor = [UIColor clearColor];//  设置按钮标题文字对齐方式,此处为左对齐writeButton.contentHorizontalAlignment =UIControlContentHorizontalAlignmentLeft;//使文字距离做边框保持10个像素的距离。writeButton.contentEdgeInsets = UIEdgeInsetsMake(0,30, 0, 0);//----------------------------------------------------/******************************************************    //此处类容目的掩饰代码代码操作按钮一些属性,如果设置按钮背景为图片可以将此处注释取消,注释掉上没横线范围类代码,进行测试     //    设置按钮背景图片    UIImage *image= [UIImage imageNamed:@"background.png"];        [writeButton setBackgroundImage:image forState:UIControlStateNormal];    //  按钮的相应事件   *****************************************************/[writeButton addTarget:self action:@selector(buttonClicked:)forControlEvents:UIControlEventTouchUpInside];[self.view addSubview:writeButton];}




UIButton *writeButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];

设置按钮类型,按钮类型定义在一个枚举类型中



typedef enum { UIButtonTypeCustom = 0, 		// 没有风格 UIButtonTypeRoundedRect,		// 圆角风格按钮 UIButtonTypeDetailDisclosure,	//  UIButtonTypeInfoLight,		// 明亮背景的信息按钮 UIButtonTypeInfoDark,		// 黑暗背景的信息按钮 UIButtonTypeContactAdd,		// } UIButtonType;



截图是每个按钮对应枚举类型中的风格,


   


但是考虑的ios开发中,为了界面美观一般设置背景图片,代替按钮的标题设置,此处推荐一个所搜icon的网址,里面有基本用的icon素材,个人觉得不错,给分享下

http://www.easyicon.cn/点击打开链接


在点击按钮是按钮是凹下去,然后弹起才触发起事件,按钮的状态有:


UIControlEventTouchDown      // 按下    UIControlEventTouchDownRepeat  // 多次按下   UIControlEventTouchDragInside   // 保持按下然后在按钮及其一定的外围拖动 UIControlEventTouchDragOutside  // 保持按下,在按钮外面拖动 UIControlEventTouchDragEnter  // DragOutside进入DragInside触发 UIControlEventTouchDragExit  // in到out触发 UIControlEventTouchUpInside // 在按钮及其一定外围内松开 UIControlEventTouchUpOutside // 按钮外面松开 UIControlEventTouchCancel   // 点击取消





//弹出一个警告,一般都这样写-(void) buttonClicked:(id)sender{UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"提示" message:@"你点击了一个按钮" delegate:self cancelButtonTitle:@"OK" otherButtonTitles: nil];[alert show];}



此处弹出的一个警告,主要用到UIAlertView这个类,initWithTitle初始化标题,message是弹出警告类容,提示你做了什么事,delegate是委托代理,此处不需要其他类做什么事,自个完全能搞定,所以设置为self,类似于C++中的this指针,cancelButtonTitle这个一看就能明白,取消按钮的标题是什么了,otherButtonTitles设置其他按钮,也就是说你需要更多按钮支持的时候,此处不需要,只要一个nil就好了,就如还需要其他的,你可以添加代码假如: otherButtonTitles:@"test1" ,@"test2" ,@"test3" ,@"test4" , nil,运行的效果就是这样:

 



本程序运行效果:

  


本想把源代码报给附上,发现csdn博客尽然没有附件上传选项,哎哎 ,把链接地址弄上:http://download.csdn.net/detail/duxinfeng2010/4393874


  • 2020-03-16 15:57:53

    nuxtjs中单独引入Message组件的问题

    // 引入elementUIimport { Message } from 'element-ui';//由于Message组件并没有install 方法供Vue来操作的,是直接返回的,因此按照官方文档单独引入的方法是//会报错的,需要给 Message 添加 install 方法Message.install = function (Vue, options) {Vue.prototype.$message = Message}Vue.use(Message )//消息提示

  • 2020-03-16 16:03:20

    css的var()函数

     随着sass,less预编译的流行,css也随即推出了变量定义var函数。var()函数,就如同sass和less等预编译软件一样,可以定义变量并且进行对应的使用。

  • 2020-03-16 16:52:05

    对icomoon的误解,以及最快速的使用

    此时需要注意顶部第一个选项,Quick Usage,一定要打开,Enable Quick Usage,谁让咱英语不好呢,这个时候会出现一个css连接,直接引用就好了,就可以随意使用图标了,引入这一个css就能实现我们的功能,省区引入太多文件的烦恼,你可以在浏览器打开这个css,可以看到里面把我们所用的文件整成base64了。所以挺好用的。

  • 2020-03-17 09:47:05

    video标签视频不自动播放的问题

    添加 muted 属性,就可以通过地址栏进入网页的时候自动播放了,手机端还是有的有限制的,比如iphone浏览器,就不行,苹果手机为了保护用户的流量和用户的意愿,是禁止自动播放的,必须有手动触发。

  • 2020-03-17 14:21:31

    nuxt+pm2 自动化部署及打包后文件自动上传阿里云 oss(精华)

    部署nuxtjs,这一篇文章就够了,pm2 代码自动发布依赖于 git 工具,先将 ssh 密钥配置再你的代码仓库(github 或者 gitLab),具体操作自行 google 或者点击github 配置 ssh。 使用 ssh 密钥链接服务器 s $ ssh-copy-id root@1.2.3.4 # 把本机的 SSH 秘钥添加至服务器,配置成功后,以后就不需要再执行这条 SSH 命令了

  • 2020-03-18 21:15:34

    使用canvas画布解决百度地图自定义图层全球连续显示问题

        基于百度地图的Web API进行自定义图层叠加时,默认的图层只能叠加到全球范围以内,即经度范围为[-180, 180],而无法将图层叠加到默认的全球范围以外,即经度范围超出了[-180, 180]之后,经纬度坐标会自动回归到(0, 0),而导致在地图拖拽时全球以外无法连续显示想要的图层,此时可以基于百度地图的自定义图层将经纬度坐标转为像素点使用画布canvas来解决该问题。解决后效果如下图所示: ———————————————— 版权声明:本文为CSDN博主「宏伟杰作」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。 原文链接:https://blog.csdn.net/u011284073/article/details/80549950

  • 2020-03-18 21:18:01

    node-canvas实现百度地图个性化底图绘制

    随着nodejs的推出,node的并发和异步的强大能力,越来越多的得到应用,而且取得了非常不错的效果。 作为一个前端工程师对node.js自然有着一份更深的感情,跃跃欲试的心情,总希望能将它应用到产品中来。