SwiftUI-HStack

文章目錄

前言
HStack

代碼

前言

個人學習 SwiftUI 的記錄，如有錯誤，請指教哈!

HStack

橫向布局, 就字面意思, 用來包裹其他 View, 從左到右的橫向布局

先上效果圖

在這里插入圖片描述

代碼


import SwiftUI

struct XQHStackView: View {
    var body: some View {
        VStack {
            
            // 橫向布局
            // alignment: 布局對齊格式, 默認為 .center
            // spacing: 子 View 的間距, 系統默認為 8
            HStack.init(alignment: .bottom, spacing: 20) {
                Text("我是第一個Lab\nasdasd\nasdas")
                Text("我是第二個Lab")
            }
            .padding()
            .background(Color.orange)
            .cornerRadius(20)
            .shadow(radius: 10)
            
            HStack {
                Text("我是第一個Lab\nasdasd\nasdas")
                Text("我是第二個Lab")
            }
            .padding()
            .background(Color.orange)
            .cornerRadius(20)
            .shadow(radius: 10)
            .padding(.top, 10)
            
            HStack {
                Text("我在左邊")
                // 如何把 View 分到 左右兩邊呢
                // 增加 Spacer()
                Spacer()
                Text("我在右邊")
            }
            .padding()
            .background(Color.orange)
            .cornerRadius(20)
            .shadow(radius: 10)
            .padding(.top, 10)
            
        }
    }
}

本文鏈接：https://blog.csdn.net/xinshou_caizhu/article/details/103436178

智能推薦

劍指Offer39-調整數組順序使奇數位于偶數前面

一開始想著用冒泡排序的方法來做，但是bug還是很多，后來看了評論區答案，發現直接空間換時間是最簡單的，而且和快排的寫法是類似的。...

【一只蒟蒻的刷題歷程】【藍橋杯】歷屆試題九宮重排（八數碼問題：BFS+集合set）

資源限制時間限制：1.0s 內存限制：256.0MB 問題描述如下面第一個圖的九宮格中，放著 1~8 的數字卡片，還有一個格子空著。與空格子相鄰的格子中的卡片可以移動到空格中。經過若干次移動，可以形成第二個圖所示的局面。我們把第一個圖的局面記為：12345678. 把第二個圖的局面記為：123.46758 顯然是按從上到下，從左到右的順序記錄數字，空格記為句點。本題目的任務是已知九宮的初態...

dataV組件容器寬高發生變化后，組件不會自適應解決方法

項目中需要大屏幕數據展示，于是使用了dataV組件，但是使用是發現拖動瀏覽器邊框，dataV組件顯示異常，如圖: 于是查了官網,官網的解釋如下: 于是按照官網的意思編寫代碼: 于是可以自適應了...

CSS3干貨10：如何做一個板塊標題水平線左邊帶顏色效果

很多網站在設計欄目標題的時候，喜歡用下劃線分開欄目標題和內容部分。而且線條左邊的部分往往還有顏色，且這個顏色跟標題的文字長短保持一致。效果如圖所示：這種效果其實很簡單。我這里給大家推薦兩種方式：假定我們的標題部分 HTML 結構如下：方式一：利用下邊框。灰色部分是 h1 的下邊框，藍色部分是 span 標簽的下邊框。 h1 的高度為 40px，span 也設置它的高度為 40px。這樣，...

拜師————python基礎入門——程序的構成，對象，引用，棧內存和堆內存，標識符命名規則——day4

第九節課：任務9：009.程序的構成 Python程序的構成，一個程序是由什么構成的 1.python程序由模塊組成，一個模塊對應一個python源文件，（文件后綴名.py） 2.模塊由語句構成運行程序時，安裝模塊中語句的順序依次執行。代碼的組織和縮進 “龜叔”在設計python時，直接通過縮進來組織代碼縮進時，幾個空格都是允許的，但是空格數必須統一，我們通常用四...

SwiftUI-HStack

文章目錄

前言

HStack

代碼

智能推薦

猜你喜歡