SwiftUI 入門之Image設置大小并居中（2020年教程）

技術要點

如何獲取屏幕大小

UIScreen.main.bounds.width

如何設置照片大小適中

 .resizable()
.scaledToFit()

代碼

import SwiftUI

struct ProductCard: View {
    var body: some View {
        VStack(alignment:.leading,spacing: 0){
            Image("circle")
            .resizable()
            .scaledToFit()
                .frame(minWidth:nil,
                       idealWidth: nil,
                       maxWidth: UIScreen.main.bounds.width,
                       minHeight: nil,
                       idealHeight: nil,
                       maxHeight: 300,
                       alignment: .center
                       )
        }
    }
}

效果

Image設置大小并居中

更多SwiftUI教程和代碼關注專欄

請關注我的專欄 SwiftUI教程與源碼

本文鏈接：https://blog.csdn.net/iCloudEnd/article/details/104074484

智能推薦

SwiftUI之顏色疊加ColorMultiply 設置Image Color View

colorMultiply顏色疊加。它的行為就像拿起彩色玻璃并將其放在另一種視圖之上。colorMultiply顏色疊加并不能真正將顏色融合在一起。它將濾色器放在另一個視圖上。因此，它不會創建新的顏色，而是創建一個在其頂部具有濾色器的視圖本文價值與收獲看完本文后，您將能夠作出下面的界面 [email protected] 看完本文您將掌握的技能了解并掌握colorMult...

SwiftUI 中級List如何添加新內容（2020年教程）

功能說明如何使用List循環顯示array內容 .self 作為id的使用如何更新List內容 TextField基礎使用代碼效果 [email protected] 更多SwiftUI教程和代碼關注專欄請關注我的專欄 SwiftUI教程與源碼...

SwiftUI 中級之下拉更新PullRefresh （2020年教程）

SwiftUI 中級之下拉更新PullRefresh （2020年教程）將之前等代碼封裝成struct 做個下拉更新時間等demo [email protected] 更多SwiftUI教程和代碼關注專欄請關注我的專欄icloudend, SwiftUI教程與源碼 https://www.jianshu.com/c/7b3e3b671970...

SwiftUI macOS 教程之WindowStyle設置

SwiftUI 目前支持窗體樣式 func windowStyle<S>(S) -> some Scene 設置此場景創建的窗口的樣式。 struct DefaultWindowStyle 默認窗口樣式。 DefaultWindowStyle struct HiddenTitleBarWindowStyle 一種窗口樣式，它同時隱藏窗口的標題和標題欄區域的背景，從而允許顯示更多窗...

SwiftUI之List 和form（2020版）

SwiftUI之List 和form（2020版） VStack 效果 image.png List 效果 image.png List with header & footer 效果 image.png List & navigation Treat.swift 效果 image.png 完成代碼效果 image.png...