IOS:UI设计之UISegmentedControl相关基础

  作用:分段控件,页面的切换等等;

  它们常用于在不同类别的信息之间的选择,或在不同的应用屏幕之间切换。

  下面是基本属性和基本方法的使用:

  NSArray *array = [NSArray arrayWithObjects:@"搜索",@"音乐",@"视频",@"小说",nil];  //创建一个数组

  UISegmentedControl *segmentedCont = [[UISegmentedControl alloc]initWithItems:array];  //初始化UISegmentedControl,并添加数组array,并根据数组生成相应的分栏数目

  segmentCont.frame = CGRestMake(x,y,w,h);    //设置frame

  segmentCont.segmentedControlStyle = UISegmentedControlStyleBezeled;  //设置分栏的样式

    IOS7系统环境下的显示样式

                       UISegmentedControlStyleBar;

                       UISegmentedControlStylePlain;

                       UISegmentedControlStyleBordered;

        //如果你用的是IOS7系统的模拟器,你是会发现:不管你采用以上哪种样式,它们显示出来的效果都是一样的,但是,在IOS6上,它们显示的效果是不一样的,由于小编没有IOS6系统的模拟器,所以没有截图,这个就留给读者自己来体验

  segmentedCont.tintColor = [UIColor  redColor]; 

    //设置它的颜色,不过这个色彩只对它的UISegmentedControlStyleBar和UISegmentedControlStyleBezeled样式有用

  segmentedCont.selectedSegmentIndex = 2;    //设置默认选择项索引 0,1,2,3....

  segmentedCont.momentary = YES;        //设置在点击后是否恢复原样

        //个人认为以下几个插入索引项的基本方法并不常用,了解便可以

  [segmentedCont setTitle:@"two" forSegmentAtIndex:2];  //设置指定索引的题目

  [segmentedCont setImage:[UIImage imageNamed:@"name.png"] forSegmentAtIndex:3];  //设置指定索引的图片,图片需要选择适合大小的

  [segmentedCont insertSegmentWithImage:[UIImage imageNamed:@"name1.png"] atIndex:2 animated:NO];  //在指定索引插入一个选项并设置图片

  [segmentedCont insertSegmentWithTitle:@"插入" atIndex:3 animated:NO];  //在指定索引插入一个选项并设置题目

  [segmentedCont removeSegmentAtIndex:0 animated:NO];    //移除指定索引的选项

  [segmentedCont setWidth:70.0 forSegmentAtIndex:2];      //设置指定索引选项的宽度

  [segmentedControl setContentOffset:CGSizeMake(10.0,10.0) forSegmentAtIndex:3];  //设置选项中图片等的左上角的位置

  

    //获取指定索引选项的图片imageForSegmentAtIndex:

  UIImageView *imageForSegmentAtIndex = [[UIImageView alloc]initWithImage:[segmentedCont imageForSegmentAtIndex:1]];

  imageForSegmentAtIndex.frame = CGRectMake(x, y, w, h);

    

        //获取总选项数segmentedControl.numberOfSegments

  UILabel *numberOfSegments = [[UILabel alloc]initWithFrame:CGRectMake(x, y, w, h)];

  numberOfSegments.text = [NSString stringWithFormat:@"%d",segmentedCont.numberOfSegments];

      //获取指定索引选项的宽度widthForSegmentAtIndex:

UILabel *widthForSegmentAtIndex = [[UILabel alloc]initWithFrame:CGRectMake(x, y, w, h)];

widthForSegmentAtIndex.text = [NSString stringWithFormat:@"%f",[segmentedCont widthForSegmentAtIndex:2]];

  

  [segmentedCont setEnabled:NO forSegmentAtIndex:4];    //设置指定索引选项不可选

  BOOL enableFlag = [segmentedCont isEnabledForSegmentAtIndex:4];    //判断指定索引选项是否可选

  

      //添加委托方法

  segmentedCont addTarget:self action:@selector(segmentAction:)  forControlEvents:UIControlEventsValueChanged];

          //具体委托方法实例:

-(void)segmentAction:(UISegmentedControl *)SC

{

  NSInteget Index = SC.selectedSegmentIndex;    //获取索引值

  NSLog(@"Index:%i",Index);

  switch(Index){            //判断选中的索引值

      case 0:

      {//响应的事件};

        break;

      case 1:

      {//响应的事件};

        break;

      case 2:

      {//响应的事件};

        break;

      case 3:

      {//响应的事件};

        break;

      default:

        break;

          }

}

(可能学得比较浅,大家要是有补充可以留言,有问题的大家一起探讨下,可以私下联系:QQ790444804    微信:hgwchihuo

                                                -------我是快乐的小尾巴`(*∩_∩*)′)

时间: 2024-09-30 12:49:22

IOS:UI设计之UISegmentedControl相关基础的相关文章

IOS:UI设计之UITextField相关基础

简单说明:此控件一般用于用户的账户,密码,验证码等需要输入简短内容的输入窗口 (由于刚刚学完控件部分,所以最近几篇都是关于各控件的介绍..) UITextView与UITextField间的主要区别在于:UITextField可以设置InputText的相关属性,例如可以设置SecureInput等相关属性,而UITextView只能实现基本的文本输入的功能,几乎无法设置内容属性. UITextField *TF = [[UITextField alloc] initWithFrame:CGRe

IOS:UI设计之UILable相关基础

UILable是iPhone界面最基本的控件,主要用来显示文本信息. 基本的使用方法: UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(x,y,w,h)];    //初始化 label.center = self.window.center;  //设置Label相对于window居中 label.text = @"UILabel";   //设置文本内容 NSLog(@”%@”, label.text); //读取

iOS UI设计模版收藏

Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小.颜色.阴影或者其它任何支持的效果. 一些关于iOS7的开源项目,包括设计素材,效果实现以及代码例子. iOS App设计流程优化大秘诀 寻找灵感 Dribbble 方酷手机UI设计, APPUI设计分享平台 千图网 中国最大的免费素材网站 660+free placeit UI尺寸规范 UI设计的一些标准尺寸 花瓣网 iOS 界面设计切图小结 25个免费的iOS设计资源

iOS UI 设计

优设 http://www.uisdc.com Sketch http://www.sketchcn.com

iOS UI设计与开发 按钮、图标和图片

1.系统内置按钮和图标 Using System-Provided Buttons and Icons 2.自定义图标和图片 iphone 自带图标的尺寸一般为29px × 24px,自制的图标最好接近这个尺寸:图标的颜色应该是纯白色,可以带有alpha透明度:缩图的时候要注意抗锯齿,文件格式为PNG. 3.程序图标和启动画面 Home Screen图标:57px × 57px.默认情况下提供的文件可以是一个平面的图像,iPhone会自动给它加上圆角,打上阴影和高光反射效果.这样,不同的程序图标

想学UI设计,没基础怎么办?

说说很多人都担心的几个问题 问题一:一个朋友想学UI设计,没有任何基础的,也没有美术功底,想问问有经验的人需要多久能学会?想从事UI设计这方面的工作? 问题二:北京有好的UI培训班吗? 问题三:我了解的有一个培训的,是上午学画画,下午上课,学习6个月.不知道这么短的时间能学会吗? 问题四:六个月是不是只学习了皮毛?好就业吗? 问题五:没有学历的,不知道在成都这边学完好找工作吗? 问题六:UI设计发展前景怎么样?好像分很多种?哪种最好? 一.关于UI设计前景.就业问题 首先UI培训设计伴随着新媒体

UI设计网站内容大分类

对于初学UI设计或者交互设计的设计师,有很多知识来源于网络资源的共享,有的选择了一些UI设计培训机构学习基础,有的选择了在各大网站上吸取知识,然而万变不离其宗,无论从哪里学习过来的东西,吸取到才是自己的东西,在交互设计中,我们需要清楚知道不同网站的不同特点与优势. 一.作品展示网站 1.站酷  http://www.zcool.com.cn/ 里面覆盖了很多作品,网页,APP等相当不错的作品,也有很多优秀包含广泛内容的文章. 2.UI中国  http://www.ui.cn/ 从名字可以看出,U

iOS 11 APP 设计中的几个 UI 设计细节

Apple 官网看了 iOS 11 的介绍,发现有不少的更新哦,比如控制中心.Siri.Live Photo 等等,总体来说都有很多不错的体验,不过本文不介绍功能,只说视觉界面. 在 iOS 11 的新 UI 界面中,重大更新的界面主要有 App Store,所以我从应用商店的UI设计也能看出一些大概细节. 图标:从线性改为面形 新版 Store 的图标从线性改为面形,图标也加入了圆角,看起来更加圆滑,同时和 iOS 10中的 iTunes 相关应用风格也统一了. Icon 颜色比如来的线性浅了

适合零基础小白学习的ui设计方法及课程大纲分享

ui界面设计教程学什么?首先想要学习ui设计,你得了解ui界面设计是什么?只有了解清楚了你才能更好的去开展学习. 对于很多从零基础开始学习ui设计的人来说,不知道ui要学会哪些内容才能更好的工作,所以今天就把ui界面设计课程大纲分享给大家.不管是有基础还是没有基础的同学都可以根据这份课程大纲来学习.有条理的学习才能更好的了解和掌握阶段性的学习课程,也能了解自己学到了哪个部分,掌握了哪些技能. 1.PS技术 如果现在还有不会用PS的同学,请先去搜索免费的基础课程来学习,至少要用透左边的工具栏,还有