`

滑动silder切换图片,向上弹出设置层

    博客分类:
  • IOS
 
阅读更多


 

//
//  HelloWorldViewController.h
//  图片浏览
//
//  Created by mahongmin on 14-5-15.
//  Copyright (c) 2014年 mahongmin. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface HelloWorldViewController : UIViewController {
    NSArray *descArray;
    CGAffineTransform transform;
}

@property (weak, nonatomic) IBOutlet UIImageView *myImage;


@property (weak, nonatomic) IBOutlet UILabel *num;

@property (weak, nonatomic) IBOutlet UILabel *desc;

@property (weak, nonatomic) IBOutlet UIView *settingView;

@property (weak, nonatomic) IBOutlet UISwitch *isNight;

- (IBAction)showImage:(UISlider *)sender;

- (IBAction)setting:(UIButton *)sender;


- (IBAction)changeNight:(UISwitch *)sender;

- (IBAction)zoom:(UISlider *)sender;

@end

 
 

//
//  HelloWorldViewController.m
//  图片浏览
//
//  Created by mahongmin on 14-5-15.
//  Copyright (c) 2014年 mahongmin. All rights reserved.
//

#import "HelloWorldViewController.h"

@interface HelloWorldViewController ()

@end

@implementation HelloWorldViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
    
    //得到descs.plist
    NSBundle *bundle = [NSBundle mainBundle];
    NSString *path = [bundle pathForResource:@"descs" ofType:@"plist"];
    descArray = [NSArray arrayWithContentsOfFile:path];
    
    self.desc.text = descArray[0];
    
    transform = self.myImage.transform;
    
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
}


#pragma mark - 滑动划条,改变图片
- (IBAction)showImage:(UISlider *)sender {
    int value = sender.value;
    self.num.text = [NSString stringWithFormat:@"%d/16", value + 1];
    
    
    NSString *fileName = [NSString stringWithFormat:@"%d.png", value];
    UIImage *currentImage = [UIImage imageNamed:fileName];
    self.myImage.image = currentImage;
    
    self.desc.text = descArray[value];
}

#pragma mark - 点击设置,弹出测试层
- (IBAction)setting:(UIButton *)sender {
    [UIView beginAnimations:NULL context:NULL];
    [UIView setAnimationDuration:0.8];
    
    CGRect tempFrame = self.settingView.frame;
    
    if (tempFrame.origin.y == self.view.frame.size.height) {
        tempFrame.origin.y -= self.settingView.frame.size.height;
    } else {
        tempFrame.origin.y += self.settingView.frame.size.height;
    }
    
    self.settingView.frame = tempFrame;
    
    [UIView commitAnimations];
}

#pragma mark - 设置夜晚模式
- (IBAction)changeNight:(UISwitch *)sender {
    if (self.isNight.isOn) {
        self.view.backgroundColor = [UIColor grayColor];
    } else {
        self.view.backgroundColor = [UIColor whiteColor];
    }
}

#pragma mark - 改变图片大小
- (IBAction)zoom:(UISlider *)sender {
    self.myImage.transform = CGAffineTransformScale(transform, sender.value, sender.value);
}




@end

 

 

 

 

  • 大小: 100.1 KB
分享到:
评论

相关推荐

    silder-demo.zip_DEMO_silder

    1. **JavaScript文件**:这是实现滑动效果的主要代码,可能包括一个或多个.js文件,其中包含了图片滑动的逻辑,如定义滑动函数、设置定时器进行自动切换、处理用户触发的滑动事件等。 2. **CSS文件**:用于定义滑动...

    java实现滑动验证码

    java实现滑动验证码

    Jquery Beautiful silder

    在网页设计中,滑动展示图片或内容的组件称为轮播图(Slider),它能够高效利用有限的空间,展示丰富的信息。jQuery 是一个流行的JavaScript库,提供了丰富的功能来简化网页动态效果的实现,包括创建美观的轮播图。...

    Unity页面滑动Slider

    在脚本中,可以使用`GetComponent()`获取Slider实例,然后通过`value`属性获取或设置滑动值。 总的来说,"Unity页面滑动Slider"是Unity UI设计的一部分,它通过结合Slider和Scroll Rect组件,使得用户能够在界面上...

    带刻度的Ext.silder实例(2个例子程序)---下载不扣分,回帖加1分,欢迎下载,童叟无欺

    带刻度的Ext.silder(滑动条)实例(2个例子程序)---下载不扣分,回帖加1分,欢迎下载,童叟无欺 带刻度的Ext.silder(滑动条)实例(2个例子程序)---下载不扣分,回帖加1分,欢迎下载,童叟无欺 带刻度的Ext....

    javascript滑块滑动条

    JavaScript滑块滑动条是一种常见的用户交互元素,用于在网页上提供一种选择数值或调整设置的方式。这种元素在很多场景下都有应用,如音量控制、亮度调节、进度选择等。在JavaScript中实现滑动条功能,需要理解DOM...

    swift-ARAPointSilder是一款类似于开关的Silder具有点击响应和滑动响应

    这个控件不仅具备基本的滑动功能,还支持点击交互,使得用户可以通过轻触或者滑动来切换状态。在iOS应用开发中,这样的控件通常用于替代原生的UISwitch,以实现更加个性化和交互丰富的界面设计。 ARAPointSilder的...

    mfc Silder

    在`OnInitDialog()`函数中,可以使用`Create()`函数创建滑块控件,并通过`SetRange()`设置滑动范围,例如: ```cpp m_slider.Create(WS_CHILD | WS_VISIBLE | TBS_HORIZONTAL, rect, this, IDC_SLIDER); m_...

    unity 弧形UI 圆形slider 圆形滑动条

    6. **动画效果**: 可以使用Unity的Animator或LeanTween等第三方库添加平滑动画,使Slider的滑动更自然。 7. **测试与调整**: 在Unity编辑器中预览和测试Slider,根据需要调整其大小、颜色、动画速度等参数,确保其...

    QT实现在滑动条的滑块上显示数值

    QT库是Qt开发框架的一部分,它是一个用于创建跨平台应用程序的C++库。在这个特定的场景中,我们关注的是QSlider组件,它是QT提供的一种用户界面...通过理解并熟练运用这些特性,我们可以构建出更加用户友好的应用程序。

    wpf silder控件

    2. **IsSnapToTick**:如果设置为`true`,滑块将停在刻度标记上,否则可以自由滑动。 3. **SmallChange** 和 **LargeChange**:`SmallChange`定义每次鼠标点击或键盘上下箭头改变的值,`LargeChange`则定义按住鼠标...

    手动封装silder双向滑块组件

    我们可以通过创建两个`&lt;slider&gt;`元素,分别设置不同的数据绑定,如`bindchange`事件,来实现滑动操作的监听和处理。 2. **WXSS**: `slider.wxss`用于定制组件的样式。我们可以定义滑块的宽度、高度、颜色等,以及...

    微信小程序实现带刻度尺滑块-滑动标尺/刻度尺(身高、体重选择器)组件

    - `silder.wxss`:设置滑块及其元素的样式,例如滑块条的宽度、高度、背景色,刻度的大小和颜色,指示器的形状等。 - `silder.js`:处理滑动事件,计算滑动位置并更新组件状态,可能需要使用到`Page`的`onLoad`和`...

    jquery-image-silder-compare.zip

    标题 "jquery-image-silder-compare.zip" 暗示了这是一个使用 jQuery 实现的图片滑动比较插件。这个压缩包可能包含所有必要的文件,如 JavaScript 文件、CSS 样式表、图片资源以及可能的示例HTML文件,用于创建一个...

    html5-css3-side-silder-menu.zip

    这个"html5-css3-side-silder-menu.zip"压缩包文件很可能包含了一个使用HTML5和CSS3实现的侧边滑动菜单的示例代码。这种菜单常用于网站导航,因为它可以节省空间并提供流畅的交互体验。 首先,让我们详细了解一下...

    WPF Silder 声音控制 样式 控件

    本示例中的“WPF Slider 声音控制 样式 控件”专注于将滑块与声音控制功能相结合,允许用户通过滑动或使用鼠标滚轮、点击来调整音频播放的音量。以下是对这个WPF应用的详细解释: 1. **Slider 控件基础**: Slider...

    ios-简单的silder选择价格范围.zip

    UISlider通常由两个部分组成:一个最小值端和一个最大值端,用户可以通过滑动滑块在两者之间选择一个介于最小值和最大值之间的值。在描述中提到的"EMSlderPrice"可能是指一个自定义的滑杆控件,可能是为了特定的价格...

    基于Bootstrap的炫酷jQuery slider插件

    5. **无限循环**:设置为无限循环的slider可以在最后一张图片后无缝返回到第一张,增加用户体验的连贯性。 6. **预加载图像**:为了减少延迟和提高性能,slider可能包含预加载机制,确保图片在显示前已经完全加载。...

    jquery-mult-animation-silder百叶窗

    5. **事件触发**:可以设置滑动按钮或其他交互方式触发百叶窗动画。 四、jQuery实现百叶窗效果 以下是一个简单的jQuery百叶窗效果实现示例,以一个包含多个子元素的容器为例: ```javascript $(document).ready...

Global site tag (gtag.js) - Google Analytics