iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 9
0
自我挑戰組

Hello Swift系列 第 9

9/30 UI元件之ImageView

  • 分享至 

  • xImage
  •  

Apple官方文件

小筆記

  • UIImageView:圖片
  • 先將要使用的圖片存入素材目錄Assets.xcassets
  • 填滿整個畫面的幾種顯示方式
    Scale To Fill:不等比例放大至填滿
    Aspect Fit:等比例放大至某邊超過畫面即停止
    Aspect Fill:等比例放大至第二邊再放大就會超過畫面時停止
  • Point
    UIImageView:相框,非圖片
    UIImage:圖片

建立一個UIImageView的位置與範圍:

//UIImageView(frame: CGRect)
let myPet = UIImageView(
            frame: CGRect(
                x: 0, y: 0, width: 200, height: 200))

放置或改變圖片檔案:

//UIImage(named:)
myPet.image = UIImage(named: "MyDog.jpg")

設置新的位置並放入畫面中:

myPet.center = CGPoint(
            x: fullScreenSize.width * 0.5,
            y: fullScreenSize.height * 0.5)
        self.view.addSubview(myPet)

Results


上一篇
8/30 UI元件之AlertController
下一篇
10/30 UI元件之Button
系列文
Hello Swift30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言