02-常见控件:ImageView(图片视图)、slider(滑动器)、switch(开关)使用

效果图:       通过点击设置 将显示如第二张图所示        
                   第三张为项目目录文件
供参考

            


主要代码:


//
// WHBLAPViewController.h
// 04-whblap查看器
//
// Created by whblap on 14-6-6.
// Copyright (c) 2014年 whblap. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface WHBLAPViewController : UIViewController
@property (weak, nonatomic) IBOutlet UILabel *imageNo; // 第几张照片
@property (weak, nonatomic) IBOutlet UIImageView *imageView; // 所要显示的照片
@property (weak, nonatomic) IBOutlet UILabel *imageDesc; // 照片的描述
@property (weak, nonatomic) IBOutlet UIView *settingView; // 当点击设置时要显示的紫色部分的视图
- (IBAction)setButton:(id)sender; // 点击设置按钮触发的事件
- (IBAction)sliderValueChange:(UISlider *)sender; // slider的值改变时 图片及图片的描述相应改变
- (IBAction)switch:(UISwitch *)sender; // 开关 控制背景色 夜间模式
- (IBAction)imageSizeChange:(UISlider *)sender; // slider的值的改变触发控制图片缩放
@end

WHBLAPViewController.h


//
// WHBLAPViewController.m
// 04-whblap查看器
//
// Created by whblap on 14-6-6.
// Copyright (c) 2014年 whblap. All rights reserved.
//

#import "WHBLAPViewController.h"

@interface WHBLAPViewController ()
{
NSArray *property; //描述
}
@end

@implementation WHBLAPViewController

- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.

// 通过传入文件的全路径解析plist文件来创建数组对象
// 访问项目中资源包里面的所有资源。应该用mainBundle
NSBundle *bundle = [NSBundle mainBundle];
// 获得文件的全路径
NSString * url = [bundle pathForResource:@"Property List" ofType:@"plist"];
// 加载path对应的文件来创建数组
property = [NSArray arrayWithContentsOfFile:url];
// 2.设置默认的描述
_imageDesc.text = property[0];
_imageView.image = [UIImage imageNamed:@"爱人-唯一-1.jpg"];
}

- (void)didReceiveMemoryWarning
{
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}

- (IBAction)setButton:(id)sender {
[UIView beginAnimations:Nil context:nil];
[UIView setAnimationDuration:1];

// 1.取出中点
CGPoint tempCenter = _settingView.center;

// 设置界面目前看不见
NSLog(@"\n %f_---------------------------------",_settingView.frame.origin.y);
NSLog(@"\n %f_---------------------------------",self.view.bounds.size.height);

// 判断要隐藏的控件的y坐标和整个View控件的高度是否相等,相等的话就显示隐藏的控件
if (_settingView.frame.origin.y == self.view.bounds.size.height)
{
tempCenter.y -= _settingView.frame.size.height;
}
else
{
tempCenter.y += _settingView.frame.size.height;
}
_settingView.center = tempCenter;

[UIView commitAnimations];
}

#pragma mark - slider值改变
- (IBAction)sliderValueChange:(UISlider *)sender {
// 1.设置中间的图片
// 获得图片名称 %.f 不保留任何小数
NSString *imageName = [NSString stringWithFormat:@"爱人-唯一-%.f.jpg",sender.value];
// 根据图片名称设置图片
_imageView.image = [UIImage imageNamed:imageName];
// 2.设置序号(第几张)
_imageNo.text = [NSString stringWithFormat:@"%.f/15",sender.value];
// 3.设置描述
int no = sender.value-0.5;
_imageDesc.text = property[no];
NSLog(@"%f",sender.value);

}

#pragma mark - switch 开关控制 夜间模式
- (IBAction)switch:(UISwitch *)sender {
if(sender.on)
{
self.view.backgroundColor = [UIColor blackColor];
}
else
{
self.view.backgroundColor = [UIColor whiteColor];
}
}
- (IBAction)imageSizeChange:(UISlider *)sender {
_imageView.transform = CGAffineTransformMakeScale(sender.value*2, sender.value*2);
}
@end

WHBLAPViewController.m

02-常见控件:ImageView(图片视图)、slider(滑动器)、switch(开关)使用

时间: 2024-08-08 08:07:35

02-常见控件:ImageView(图片视图)、slider(滑动器)、switch(开关)使用的相关文章

常见控件的总结

一.计步器和计数器 - (void)creatStepper{ //步进器 .计数器 //事件驱动型 UIStepper *stepper  = [[UIStepper alloc] initWithFrame:CGRectMake(100, 100, 100, 50)]; //设置默认色调 //stepper.tintColor = [UIColor redColor]; //设置最小值 默认是0 stepper.minimumValue = 0; //设置最大值 默认是100 stepper

【ANDROID 初学】控件--IMAGEVIEW的使用方法

Start Android 1.图片视图(ImageView)的基本概念 2.<InameView/>与ImageView 3.神奇的ScaleType属性 当图片大小与ImageView大小不匹配的时候,可以通过该属性来调整图片与ImageView控件的位置关系. android:scaleType:  android:scaleType是控制图片如何resized/moved来匹对ImageView的size. ImageView.ScaleType / android:scaleType

Android 中常见控件的介绍和使用

1 TextView文本框 1.1 TextView类的结构 TextView 是用于显示字符串的组件,对于用户来说就是屏幕中一块用于显示文本的区域.TextView类的层次关系如下: java.lang.Object   ? android.view.View   ? android.widget.TextView 直接子类: Button, CheckedTextView, Chronometer, DigitalClock, EditText 间接子类: AutoCompleteTextV

【Android 初学】5、控件--ImageView的使用方法

Start Android 1.图片视图(ImageView)的基本概念 2.<InameView/>与ImageView 3.神奇的ScaleType属性 当图片大小与ImageView大小不匹配的时候,可以通过该属性来调整图片与ImageView控件的位置关系. android:scaleType:  android:scaleType是控制图片如何resized/moved来匹对ImageView的size. ImageView.ScaleType / android:scaleType

【ALearning】第三章 Android基本常见控件

本章主要介绍基本的平常较多使用的控件,包括TextView.EditView.ImageView.Button等.本章将介绍相关控件基本属性的使用,为以后章节的进阶学习提供基础.案例中引用的LinearLayout布局,可先不必深究,后续章节将会详细介绍. TextView TextView控件的基本属性,android:layout_width 布局宽度android:layout_height 布局高度.这两个属性参数是必须的. TextView 中android:layout_width与

【转】 iOS开发UI篇—UIScrollView控件实现图片轮播

原文:http://www.cnblogs.com/wendingding/p/3763527.html iOS开发UI篇—UIScrollView控件实现图片轮播 一.实现效果 实现图片的自动轮播            二.实现代码 storyboard中布局 代码: 1 #import "YYViewController.h" 2 3 @interface YYViewController () <UIScrollViewDelegate> 4 @property (w

iOS开发——UI高级OC篇&amp;自定义控件之调整按钮中子控件(图片和文字)的位置

自定义控件之调整按钮中子控件(图片和文字)的位置 其实还有一种是在storyBoard中实现的,只需要设置对应空间的左右间距: 这里实现前面两种自定义的方式 一:imageRectForContentRect/titleRectForContentRect 自定义一个按钮控件在系统自带的位置设置方法中实现对应子控件位置调整 1 /** 2 3 * 设置内部图标的frame 4 5 */ 6 7 - (CGRect)imageRectForContentRect:(CGRect)contentRe

常见控件测试点

系统的功能都是由各种控件组成的,整理了一份常见控件的测试点,分享给大家. 1. 文本框 是否是必填项 是 为空时提交,给出提示 输入空格时提交,给出提示 否 为空时提交,可提交成功 不为空时提交,提交后内容与输入的一致,存储到数据库中正确 是否支持TAB键 在文本框中输入回车键,是否会自动提交 若有默认的提示文本,查看文本,文本正确,应为灰色 若有唯一属性,需要测试新增/编辑时输入重复的值是否有提示 输入的文本首.尾.中间含空格时的情况 输入高危词,违禁词,敏感词,是否屏蔽 输入超过允许边界个数

WPF控件到图片的转换

在实际的项目开发中,经常需要将信息保存成图片的形式,如屏幕截图.地图快照等操作,我中最近一个项目中便有这样的需求,项目(WPF)中用到GMap.NET控件,中地图上展示一些信息,过程中可能用户需要将地图信息保存下来,也就是地图快照,我的界面如下所示: 网上查了GMap相关的资料,没有找到GMap怎么截图的方法,最后找到网友提供的方法:将WPF控件转换成图片. 具体实现如下: namespace QACDR2.Common { internal enum ImageType { Bmp, Gif,

让系统自动控制控件在控制器视图的位置

IPhone.IPad经常会遇到横竖屏切换,或者需要自动调整大小.如果你的界面不能用storyboard和xib来生成界面的话,先把控制器视图的frame属性值固定下来,然后添加subview(子视图)的时候,就可以使用视图继承类(UIView) 自带的 autoresizingMask 属性,之后如果横竖屏切换,或者是使用UIPopoverController之类的方法,就可以只设置一次frame属性,以后的frame属性都是自适应的(frame缩小太多的话效果不好,根据情况而定). 原理:设