UI: 自定义UISlider

问题:

用过了 UISlider 的默认显示方式,现在想要定制一下它的外观

minimumTrackTintColor:这个属性改变 slider 中最小值 track view 的 tint color

thumbTintColor:这个属性是修改 slider 的 thumb view 的 tint color

maximumTrackTintColor:这个属性修改 slider 中最大值 track view 的 tint color

Minimum value image:
这个图片显示在 slider 的外部(左边)。默认情况下,是不会有这个图片显示的,所以,如果你在 view 上创建一个新的 slider,是看不到这个图片的。使用这个图片,可以给用
户一个相关的暗示。例如,在程序中,用户可以增加或者降低屏幕的明亮度,minimum
value image可以显示一个低灰度的图片,以暗示用户可以将slider的thumb往左移动(趋向
于最小值),以减小屏幕的亮度。可以通过 slider 实例方法 setMinimumValueImage:来改变
这个图片。图片的尺寸为 23point 的宽和 23point 的高。针对 retina 屏幕,则??供两倍大小的
图片即可。

Minimum track image

这个图片将显示在 thumb 的左边轨迹上,可以通过 slider 实例方法
setMinimumTrackImage:forState:来修改这个图片。图片的尺寸为 11point 宽和 9point 高,该
图片被构造为一个可伸缩图片。针对 retina 屏幕,需要??供 46*46 大小的图片。

Thumb image

这个图片是针对 thumb 的;即 slider 中移动的那个图片。可以通过 slider 的实例方法
setThumbImage:forState:来修改这个图片。这个图片的尺寸为 23*23.

Maximum track image

这个图片将显示在 thumb 的右边轨迹上,可以通过 slider 实例方法
setMaximumTrackImage:forState:来修改这个图片。图片的尺寸为 11point 宽和 9point 高,该
图片被构造为一个可伸缩图片。针对 retina 屏幕,需要??供 46*46 大小的图片。

Maximum value image

Maximum value image图片显示在slider的外部(右边),与minimum value image类
似。可以通过 setMaximumValueImag:方法来修改这个图片,图片尺寸为 23*23。

[_mySlider setMinimumValueImage:[UIImage imageNamed:@"ee"]];

时间: 2024-10-14 07:53:28

UI: 自定义UISlider的相关文章

自定义UISlider的样式和滑块

又做完一个项目,遂到了写帖时间了,要跟大家分享的是:自定义UISlider的图片和滑块,先看一下效果: 然后是实现了,我们使用的是UISlider的setMinimumTrackImage,和setMaximumTrackImage方法来定义图片 的,这两个方法可以设置滑块左边和右边的图片的,不过如果用的是同一张图片且宽度和控件宽度基本一致,就不会有变形拉伸的后果,先看代码,写在 viewDidLoad中: //左右轨的图片 UIImage *stetchLeftTrack= [UIImage

原生HTML5 input type=file按钮UI自定义

原生<input type="file" name="file" />长得太丑 提升一下颜值 实现方案一.设置input[type=file]透明度为0,使用绝对定位遮罩在自定义的按钮标签层的之上. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>原生HTML5 input typ

iOS学习之UI自定义cell

一.自定义Cell 为什么需要自定义cell:系统提供的cell满足不了复杂的样式,因此:自定义Cell和自定义视图一样,自己创建一种符合我们需求的Cell并使用这个Cell.如下图所示的这些Cell都是通过自定义Cell样式实现的: 自定义Cell的步骤: 1.首先创建一个继承于UITableViewCell的类:(这是一个简易的通讯录的自定义cell) @interface RootTableViewCell : UITableViewCell // 联系人头像 @property (non

自定义 UISlider

UIslider是一个方便的控件,让用户能够以可视化的方式设置指定范围内的值.和按钮一样,滑块也能响应事件,还可像文本框一样被读取.如果希望用户对滑块的调整立刻影响应用程序,则需要让他触发操作. UISlider *slider = [[UISlider alloc] initWithFrame:CGRectMake(0, 0, 200, 20)]; //初始化 slider.minimumValue = 0;//指定可变最小值 slider.maximumValue = 100;//指定可变最

ios-小知识点-自定义uislider

//左右轨的图片 UIImage *stetchLeftTrack= [UIImage imageNamed:@"brightness_bar.png"]; UIImage *stetchRightTrack = [UIImage imageNamed:@"brightness_bar.png"]; //滑块图片 UIImage *thumbImage = [UIImage imageNamed:@"mark.png"]; UISlider *s

AVfoundation中焦距的设置(slider实现拉近拉远镜头) -自定义UISlider

焦距AVfoundation调节焦距 首先设置一个slider UISlider focusSlider = [[UISlideralloc]initWithFrame:CGRectMake(60,_bottomView.frame.origin.y-60,200,20)]; [focusSlideraddTarget:selfaction:@selector(AdjustFocusAction:)forControlEvents:UIControlEventValueChanged]; [fo

UI 自定义布局

今天继续学习UI布局的布局管理器,昨天学习并练习使用了线性布局,相对布局和帧布局,今天学习表格布局,网格布局以及嵌套布局,相对于前三种布局,后三种布局比较复杂一些. 1.表格布局 TableLayout 用tablerow创建容器,容器内可以包含按钮,文本等等组件. collapaseColumns 设置被隐藏的列 collapaseRows     设置被隐藏的行 stretchColumns 设置可拉伸的列 stretchRows 设置课拉伸的行 2.网格布局管理器 网格布局管理器与表格布局

自定义UISlider之点触摸

UIViewController.m 1 #import "ViewController.h" 2 #import "CustomerSlider.h" 3 @interface ViewController () 4 5 @end 6 7 @implementation ViewController 8 9 - (void)viewDidLoad { 10 [super viewDidLoad]; 11 12 CustomerSlider *slider=[Cus

Android UI自定义Spinner下拉框(用popuwindow实现)-转

定义出第一个图片的布局和弹出框(一个listView)的布局,,这里就不在多说了~ListView需要自己定义一个MyspinnerAdapter~做好这些准备之后,就是弹出框的实现了~  protected void onCreate(Bundle savedInstanceState) { 03         super.onCreate(savedInstanceState); 04         setContentView(R.layout.activity_main); 05