UISegmentedControl、UISlider、UISwitch

  1 #import "AppDelegate.h"

  2 

  3 @interface AppDelegate ()

  4 {

  5     UISlider* lider;

  6 }

  7 

  8 @end

  9 

 10 @implementation AppDelegate

 11             

 12 

 13 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

 14     

 15     self.window = [[UIWindow alloc]initWithFrame:[[UIScreen mainScreen]bounds]];

 16     self.window.backgroundColor = [UIColor whiteColor];

 17     [self.window makeKeyAndVisible];

 18     

 19 #pragma mark - UISEGMENTEDCONTROL

 20     // 创建，并初始化设置各个标题，有多少个标题就代表有多少个选项

 21     UISegmentedControl* segmented = [[UISegmentedControl alloc]initWithItems:@[@"Demo1",@"Demo2",@"Demo3",@"Demo4"]];

 22     // 设置位置及大小

 23     [segmented setFrame:CGRectMake(10, 50, 300, 40)];

 24     // 根据下标索引单独指定设置标题

 25     [segmented setTitle:@"Demo3" forSegmentAtIndex:0];

 26     // 根据下标索引单独指定设置图片

 27     [segmented setImage:[UIImage imageNamed:@"lan.png"] forSegmentAtIndex:2];

 28     // 指定索引插入选项并设置图片

 29     [segmented insertSegmentWithImage:[UIImage imageNamed:@"inamgName"] atIndex:1 animated:YES];

 30     // 指定索引插入选项并设置标题

 31     [segmented insertSegmentWithTitle:@"Demo5" atIndex:3 animated:YES];

 32     // 移除指定索引的选项

 33     [segmented removeSegmentAtIndex:0 animated:YES];

 34     // 设置指定索引的宽度

 35     [segmented setWidth:10 forSegmentAtIndex:2];

 36     // 设置指定选项中图片等，左上角的位置

 37     [segmented setContentOffset:CGSizeMake(10.0, 10.0) forSegmentAtIndex:1];

 38     

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

 40     UIImageView* imageAtIndex = [[UIImageView alloc]initWithImage:[segmented imageForSegmentAtIndex:2]];

 41     imageAtIndex.frame = CGRectMake(60, 100, 30, 30);

 42 //    UIImage* imageAtIndex = [[UIImage alloc]init];

 43 //    imageAtIndex = [segmented imageForSegmentAtIndex:2];

 44 

 45     // 获取指定索引的标题 titleForSegmentAtIndex

 46     UILabel* titleAtIndex = [[UILabel alloc]initWithFrame:CGRectMake(100, 100, 30, 30)];

 47     titleAtIndex.text = [segmented titleForSegmentAtIndex:1];

 48     [self.window addSubview:titleAtIndex];

 49     

 50     // 获取总选项数 segmented.numberOfSegments

 51     UILabel* unmber = [[UILabel alloc]initWithFrame:CGRectMake(140, 100, 30, 30)];

 52     unmber.text = [NSString stringWithFormat:@"%d",segmented.numberOfSegments];

 53     [self.window addSubview:unmber];

 54     

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

 56     UILabel* widthAtIndex = [[UILabel alloc]initWithFrame:CGRectMake(180, 100, 70, 30)];

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

 58     [self.window addSubview:widthAtIndex];

 59     // 设置默认选择项索引

 60     segmented.selectedSegmentIndex = 1;

 61     

 62     // 设置标题颜色

 63     segmented.tintColor = [UIColor redColor];

 64     

 65     // 设置样式 (iOS7.0以后弃用了)

 66     // segmented.segmentedControlStyle = UISegmentedControlStylePlain;

 67     //UISegmentedControlSegmentCenter

 68     

 69     // 设置在点击后是否恢复原样

 70     segmented.momentary = YES;

 71     // 是否可以连续点击

 72     segmented.multipleTouchEnabled = YES;

 73     // 设置指定索选项不可选

 74     [segmented setEnabled:NO forSegmentAtIndex:4];

 75     

 76     // 判断指定索引是否可选

 77     BOOL enableFlag = [segmented isEnabledForSegmentAtIndex:3];

 78     NSLog(@"%d",enableFlag);

 79     

 80     // 移除所有选项

 81     [segmented removeAllSegments];

 82     

 83     /* UISegmentedControl控件的一些自定义样式 */

 84     // 设置背景图片及状态

 85     [segmented setBackgroundImage:[UIImage imageNamed:@"imageName1"] forState:UIControlStateSelected barMetrics:UIBarMetricsDefault];

 86     [segmented setBackgroundImage:[UIImage imageNamed:@"imageName2"] forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];

 87     

 88     // UITextAttributeTextColor  UITextAttributeTextShadowColor  UITextAttributeFont等iOS7.0以后被弃用 改用为 NSForegroundColorAttributeName NSFontAttributeName  NSShadowAttributeName

 89     //NSDictionary* dic = [NSDictionary dictionaryWithObjectsAndKeys:[UIColor redColor],UITextAttributeTextColor,[UIFont systemFontOfSize:15],UITextAttributeFont,[UIColor clearColor],UITextAttributeTextShadowColor, nil];

 90     NSDictionary* dic = [NSDictionary dictionaryWithObjectsAndKeys:[UIColor redColor],NSForegroundColorAttributeName,[UIFont systemFontOfSize:15],NSFontAttributeName,[UIColor clearColor],NSShadowAttributeName, nil];

 91     [segmented setTitleTextAttributes:dic forState:UIControlStateNormal];

 92 

 93     

 94     // 监听事件

 95     [segmented addTarget:self action:@selector(dian:) forControlEvents:UIControlEventValueChanged];

 96     

 97     // 自定义UIBarButtonItem，

 98     UIBarButtonItem* segButton = [[UIBarButtonItem alloc]initWithCustomView:segmented];

 99     // 添加到导航栏中

100     // self.navigationItem.rightBarButtonItem = segButton;

101     

102     // 添加到视图上

103     [self.window addSubview:segmented];

104 

105 

106 #pragma mark - UISLIDER

107     // UISlider---滑杆，UISlider不可以改变高度

108     // 新建slider 并初始化位置及大小,注意：UISlider的高度可以随便设置，不可以为0，为0时滑块滑不动

109     

110     lider = [[UISlider alloc]initWithFrame:CGRectMake(20, 150, 180, 30)];

111     // 设置背景颜色

112     lider.backgroundColor = [UIColor purpleColor];

113     // 不透明度

114     lider.alpha = 0.9;

115     // 设置标签

116     lider.tag = 1;

117     

118     /* 创建完毕的同时我们要设置好滑块的范围，如果你没有设置，那么会使用默认的0.0到1.0之间的值

119      UISlider提供了两个属性来设置范围：minimumValue和maximumValue

120      */

121     // 设置lider所能滑动到的最小值（下限）

122     lider.minimumValue = 0;

123     // 设置lider所能滑动到的最大值（上限）

124     lider.maximumValue = 50;

125     // 同时你也可以为滑块设定一个当前值（初始值）

126     lider.value = 25;

127     // [lider setValue:25 animated:YES];

128     

129     // 得到slider的值

130     float value = lider.value;

131     

132     // 设置了会减小滚动区域的宽度，但整个slider的宽度不变

133     lider.minimumValueImage = [UIImage imageNamed:@"设置slider已滑过的背景图片"];

134     lider.maximumValueImage = [UIImage imageNamed:@"设置slider为滑动的背景图片"];

135     

136     // 设置响应Slider的响应方法

137     [lider addTarget:self action:@selector(sliderValueChange:) forControlEvents:UIControlEventValueChanged];

138     // 默认值为YES，设置为YES只要滑块滚动就会触发change方法，设置为NO只要当滑块停止移动时才会触发change方法

139     lider.continuous = YES;

140 

141 #pragma mark - 滑动条

142     /* 滑动条 */

143     /* 两端添加图片：滑块可以在任何一段显示图像。添加图像后会导致滑动条缩短，所以记得要在创建的时候增加滑块的宽度来适应图像 */

144     // 设置最小区域的图片

145     [lider setMinimumTrackImage:[UIImage imageNamed:@"设置滑块已滑过的滑动条背景图片，最好宽度和slider一样"] forState:UIControlStateNormal];

146     // 设置最大区域的图片

147     [lider setMaximumTrackImage:[UIImage imageNamed:@"设置滑块未滑过的滑动条背景图片，最好宽度和slider一样"] forState:UIControlStateNormal];

148     /* 你可以根据滑块的各种不同状态显示不同的图像，下面是可用状态

149      UIControlStateNormal    // 正常

150      UIControlStateHighlighted // 高亮

151      UIControlStateDisabled // 禁用

152      UIControlStateSelected // 选择

153      */

154     // 得到当前滑块已滑过的图片，如果有的话

155     UIImage* image = [[UIImage alloc]init];

156     image = lider.currentMinimumTrackImage;

157     // 得到当前滑块未滑过的图片，如果有的话

158     image = lider.currentMaximumTrackImage;

159     // 设置滑块已滑过的滑条颜色，如果设置了左边的图片就不会显示

160     lider.minimumTrackTintColor = [UIColor redColor];

161     // 设置滑块未滑过的滑条颜色，如果设置了右边的图片就不会显示

162     lider.maximumTrackTintColor = [UIColor greenColor];

163 

164 #pragma mark - 滑动块

165     /* 滑动块 */

166     // 普通状态

167     [lider thumbImageForState:UIControlStateNormal];

168     // 设置高亮状态的滑块样式

169     [lider setThumbImage:[UIImage imageNamed:@"设置滑块样子的图片"] forState:UIControlStateHighlighted];

170     // 设置滑块的颜色，如果设置了滑块的样式图片就不会显示

171     lider.thumbTintColor = [UIColor greenColor];

172     

173     

174     // 添加到父视图

175     [self.window addSubview:lider];

176     // 添加到导航栏

177     // [self.navigationItem.titleView addSubview:lider];

178     

179     

180     

181 #pragma mark - UISWITCH

182     // 创建switc 并初始化设置位置及大小

183     UISwitch* switc = [[UISwitch alloc]initWithFrame:CGRectMake(20, 220, 100, 100)];

184     // 设置背景颜色

185     switc.backgroundColor = [UIColor whiteColor];

186     // 设置UISwitch的初始化状态，设置初始化为NO的一边

187     switc.on = YES;

188     [switc setOn:YES animated:YES];

189     // 设置响应事件

190     [switc addTarget:self action:@selector(switchIsChange:) forControlEvents:UIControlEventValueChanged];

191     

192     // 开关控件关闭状态边框颜色、(外部颜色)

193     switc.tintColor = [UIColor redColor];

194     // 开关控件切换槽颜色

195     switc.onTintColor = [UIColor greenColor];

196     // 开关控件圆按钮颜色

197     switc.thumbTintColor = [UIColor purpleColor];

198     

199     // 设置控件关闭状态图片

200     switc.onImage = [UIImage imageNamed:@"on"];

201     // 设置控件打开状态图片

202     switc.offImage = [UIImage imageNamed:@"off"];

203     

204     // 添加到视图

205     [self.window addSubview:switc];

206 

207     return YES;

208 }

209 // UISegmentedControl 响应事件

210 - (void)dian:(UISegmentedControl*)segment{

211     NSInteger index = segment.selectedSegmentIndex;

212     switch (index) {

213         case 0:{

214             NSLog(@"Dome1");

215             break;

216         }case 1:{

217             NSLog(@"Dome2");

218             break;

219         }case 2:{

220             NSLog(@"Dome3");

221             break;

222         }case 3:{

223             NSLog(@"Dome4");

224             break;

225         }

226         default:

227             break;

228     }

229 }

230 // UISlider 响应事件

231 - (void)sliderValueChange:(UISlider*)sl{

232     NSLog(@"UISlider........");

233     if ([sl isEqual:lider]) {

234         NSLog(@"ValureUISlider.......");

235     }

236 }

237 // UISwitch 响应事件

238 - (void)switchIsChange:(UISwitch*)sw{

239     NSLog(@"UISwitch......");

240     if (sw.isOn) {

241         NSLog(@"The switch is turned on");

242     }else{

243         NSLog(@"The switch is turned off");

244     }

245 }