Note 11 播放器UI

设置label


        //设置label内容,内容里面用了\n,显示的时候会换行
        label.text = "HiHIHIHI"
        //设置label字体大小
        label.font = UIFont.systemFontOfSize(20)
        //设置label字体颜色
        label.textColor = UIColor(red: 0, green: 0.5, blue: 0.5, alpha: 1.0)
        //设置label背景颜色
        label.backgroundColor = UIColor(red: 1.0, green: 1.0, blue: 0, alpha: 1.0)
        //设置文字对齐方式
        label.textAlignment = .Center
        //numberOfLines 设置0行的时候会自动换行
        label.numberOfLines = 0

UIImageView显示图片

  • UIImageView可以显示静态图片或者多张图片组成的动画
  • 通过Sb只能设置静态图片
  • UIImageView用有高亮状态的图片
  • contentMode管理图片如何拉伸
  • UIImageView默认不能接受用户操作

1.设置Image1的图片

        //设置Image1的图片
        Image1.image = UIImage(named:"cm2_act_icn_share")
        //设置图片设置模式(拉伸,填充拉伸,原图居中或者右上角等)
        Image1.contentMode = .Center
 

2.设置动画图片组

        //声明一个数组,保存需要动画需要的图片名
        let imaArr = ["cm2_act_icn_share_sm",
            "cm2_play_btn_loop",
            "cm2_play_btn_shuffle"]
        //设置动画图片(将一组图片名转换成UIImage类型的数组)
        Image1.animationImages = imaArr.map{UIImage(named:$0)!}
        //设置动画的播放一周(一轮)需要的时间
        Image1.animationDuration = 3
        //设置动画的周期,3表示只执行3周
        Image1.animationRepeatCount = 3  

3.设置两个按键分别是开始播放动画和停止动画

    @IBAction func stopB(sender: UIButton) {
        //停止动画
        Image1.stopAnimating()
        Image1.highlighted = !Image1.highlighted
    }
    @IBAction func DIdClick(sender: UIButton) {
        //开始动画
        Image1.startAnimating()   
Note 11 播放器UI_第1张图片
点击Start开始播放

//jepg 有损压缩格式,没有透明度
//png无损压缩格式
//动画表示1s/30帧

作业:播放器界面

Note 11 播放器UI_第2张图片
播放器界面(无功能)

你可能感兴趣的:(Note 11 播放器UI)