zoukankan      html  css  js  c++  java
  • iPhone图片拉伸:resizableImageWithCapInsets

    1 [[UIImage imageNamed:@"button_textured_30"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 5, 0, 5)];

    其中Insets这个参数的格式是(top,left,bottom,right),从上、左、下、右分别在图片上画了一道线,这样就给一个图片加了一个框。

    只有在框里面的部分才会被拉伸,而框外面的部分则不会改变。

     4个参数是上边界,左边界,下边界,右边界距离,也可以为负值。

    其中Insets这个参数的格式是(top,left,bottom,right),从上、左、下、右分别在图片上画了一道线,这样就给一个图片加了一个框。只有在框里面的部分才会被拉伸,而框外面的部分则不会改变。比如(20,5,10,5),意思是下图矩形里面的部分可以被拉伸,而其余部分不变。

    据说stretchableImageWithLeftCapWidth:topCapHeight这个函数也能够实现,但是在iOS5里面建议不要使用这个函数。效果如下图:

    当修改了数据之后,变成这样:

    下面来看如何实现。

    温度计共由三张图组成:

    背景图ThermometerBackground.png:

    刻度图ThermometerCalibration:

    里面的溶液Calibration:

    首先将背景图加入superview中,再将刻度图和溶液图加入背景图中:(为简化起见,一些不必要的代码已经省略)

    [plain] view plaincopy
    1. //将背景图加入superview  
    2. UIImageView *thermometerBackground = [[UIImageView alloc] initWithFrame:THERMOMETER_FRAME];  
    3. [thermometerBackground setImage:[UIImage imageNamed:@"ThermometerBackground.png"]];  
    4. [self.view addSubview:self.thermometerBackground];  
    5. //将溶液图加入背景图  
    6. UIImageView *thermometer = [[UIImageView alloc]init];  
    7. [self.thermometerBackground addSubview:self.thermometer];  
    8. //将刻度图加入背景图  
    9. UIImageView *thermometerCalibration = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"ThermometerCalibration.png"]];  
    10. [self.thermometerCalibration setFrame:CGRectMake(0, 10, thermometerBackground.frame.size.width, thermometerCalibration.image.size.height*thermometerBackground.frame.size.width/thermometerCalibration.frame.size.width)];  
    [plain] view plaincopy
    1. [self.thermometerBackground addSubview:thermometerCalibration];  

    然后,根据度数生成对应高度的image;  

    [plain] view plaincopy
    1. UIImage* image = [UIImage imageNamed:@"Thermometer.png"];  
    2. UIEdgeInsets insets = UIEdgeInsetsMake(20, 0, 25, 0);  
    3. image = [image resizableImageWithCapInsets:insets];  
    4. int top = 10.00+(38.00-temperature)*20.00;  
    5. [self.thermometer setFrame:CGRectMake(0, top, self.thermometerBackground.frame.size.width, self.thermometerBackground.frame.size.height-top)];  
    [plain] view plaincopy
    1. [self.thermometer setImage:image];  

    在这里,top这个变量就代表了根据度数计算出的溶液的高度。

    这样,当改变温度temperature的大小时,只要在viewWillAppear里调用这段代码,就能够动态生成温度计图片了。

  • 相关阅读:
    1553: Good subsequence (很奇妙的set模拟题,也可以直接暴力)
    1550: Simple String (做得少的思维题,两个字符串能否组成另外一个字符串问题)
    1549: Navigition Problem (几何计算+模拟 细节较多)
    1548: Design road (思维题 做法:三分找极值)
    Python 正则表达式入门(初级篇)
    Python中的正则表达式教程
    软件自动化测试的学习步骤
    自动化测试的Selenium的python版安装与使用
    自动化测试一些问题
    自动化测试
  • 原文地址:https://www.cnblogs.com/geek6/p/3930668.html
Copyright © 2011-2022 走看看