UI基础-day05-Shopping-09蒙板-01显示和隐藏

UI基础-day02-Shopping-01搭建商城基本框架
UI基础-day02-Shopping-02添加一个商品
UI基础-day02-Shopping-03九宫格排序
UI基础-day02-Shopping-04优化添加和删除功能
UI基础-day02-Shopping-05加载数据
UI基础-day02-Shopping-06懒加载-1基础
UI基础-day03-Shopping-06懒加载-2Plist文件读取
UI基础-day03-Shopping-06懒加载-3字典转模型
UI基础-day04-Shopping-07自定义控件-01设置子控件的frame
UI基础-day04-Shopping-07自定义控件-02加载数据
UI基础-day04-Shopping-07自定义控件-03初始化和类方法
UI基础-day04-Shopping-08Xib-01基本使用
UI基础-day04-Shopping-08Xib-02简单的加载数据
UI基础-day04-Shopping-08Xib-03Tag值方式加载数据
UI基础-day04-Shopping-08Xib-04自定义Xib控件
UI基础-day04-Shopping-08Xib-05自定义Xib控件-优化
UI基础-day04-Shopping-08Xib-06Xib使用注意
UI基础-day05-Shopping-08Xib-07转换为代码的分析
UI基础-day05-Shopping-08Xib-08回顾Xib自定义类
UI基础-day05-Shopping-08Xib-09商品的增加和删除功能

需求:

1. 当点击➕按钮,达到最大商品数量时,出现个弹框,显示"已达到商品的最大数量!"的温馨提示.
2. 显示的弹出框,背景是全透明得(能够看清后面的商品),文字不透明.

思路:

1. 要有个存放信息的label.
2. 这个label跟展示的view是同级别得.
   因为,删除商品的功能,是通过获取展示View里面的最后一个子控件,来实现删除得.
   所以,如果温馨提示的label,放在展示VIew里面,就成为了它的子控件,点击✘按钮就可以删除温馨提示的label.
3. 开始这个lable是隐藏得,达到某种条件后,它才是显示得.

效果图

有背景色的温馨提示

无背景色的温馨提示

代码

采用block动画叠加的方式,来实现'温馨提示'的渐入渐出的效果.
block动画讲解

....
-(void)shopPrompt:(NSString *)prompt{
    [UIView animateWithDuration:2 animations:^{//渐入
        self.labInfo.alpha = 0.5; //文字和背景的透明度都为0.5
        self.labInfo.text = prompt;
        //所有颜色都是由三原色(红,绿,蓝)组成得!
        self.labInfo.backgroundColor = [UIColor colorWithRed:0 green:0 blue:0 alpha:0];
    }completion:^(BOOL finished) {//block动画叠加-实现渐出
        [UIView animateWithDuration:2 delay:1 options:kNilOptions animations:^{
            self.labInfo.alpha = 0;
        }completion:nil];
    }];
}

....

注意

1. hidden 和 alpha都可以实现显示和隐藏,这里为什么选择alpha?

• hidden (=NO显示, =Yes隐藏),不可做渐变动画.
  hidden是BOOL类型,没有数值之间的持续变化
• alpha = (0=透明, 1=显示), 可做渐变动画!
  alpha是CGFloat类型,是有数值之间的持续变化(如: 0.1, 0.2, 0.3, 0.4....)

2. +colorWithRed:green:blue:alpha: 实现背景颜色透明?

• 所有颜色都是由三原色组成得(红,绿,蓝)
  如: blackColor = (red:0, green:0, blue:0)
  darkGrayColor = (red:0.333, green:0.333, blue:0.333)
  redColor = (red:1.0, green:0, blue:0)
  brownColor = (red:0.6, green:0.4, blue:0.2)

  
  
• alpha = (0=透明, 1=显示)