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()   
點擊Start開始播放

//jepg 有損壓縮格式,沒有透明度
//png無損壓縮格式
//動畫表示1s/30幀

作業:播放器界面

播放器界面(無功能)
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 發現 關注 消息 iOS 第三方庫、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,245評論 4 61
  • 今天傍晚剛剛下載 ISO 檔手動升級安裝完 Windows 10 TH2 Build 10586,結果剛更新完一打...
    Momo_Kong閱讀 682評論 0 0
  • 從2010年大學畢業開始,過得很迷茫,生活沒有了方向,用四個字概括畢業以來五年的生活就是:稀里糊涂。稀里糊涂地被發...
    馬小尕閱讀 1,056評論 0 6
  • 你總說我傻傻的 但你一定不知道為什么 因為我腦袋小小的 小到只知道討你開心
    辛安小閱讀 709評論 43 58
  • 叮叮弦音指尖上舞蹈 靜聽 我不禁遐思,泛紅了雙頰 柔柔古琴婉轉了心事 懷想 清婉中聆聽一朵紫蘭花 最美纖纖玉手彈琴...
    木子愛若閱讀 384評論 34 20