WrappingHStack

PembungkusHStack

WrappingHStack adalah Elemen UI yang bekerja dengan cara yang sangat mirip dengan HStack, tetapi secara otomatis memposisikan elemen yang melimpah di baris berikutnya.

Contoh

 WrappingHStack {
    Text ( " WrappingHStack " )
        . padding ( )
        . font ( . title )
        . border ( Color . black )
    
    Text ( " can handle different element types " )
    
    Image ( systemName : " scribble " )
        . font ( . title )
        . frame ( width : 200 , height : 20 )
        . background ( Color . purple )
    
    Text ( " and loop " )
        . bold ( )
    
    WrappingHStack ( 1 ... 20 , id :  . self ) {
        Text ( " Item: ( $0 ) " )
            . padding ( 3 )
            . background ( Rectangle ( ) . stroke ( ) )
    } . frame ( minWidth : 250 )
}
. padding ( )
. border ( Color . black ) 

Instalasi

Persyaratan iOS 13+

Manajer Paket Swift

1. Di Xcode, buka proyek Anda dan navigasikan ke File → Paket Swift → Tambahkan Ketergantungan Paket.
2. Tempelkan URL repositori (https://github.com/dkk/WrappingHStack) dan klik Berikutnya.
3. Untuk Aturan, pilih versi.
4. Klik Selesai.

Paket Cepat

 . package ( url : " https://github.com/dkk/WrappingHStack " , . upToNextMajor ( from : " 2.0.0 " ) )

kakaopoda

Cukup tambahkan baris berikut ke Podfile Anda:

 pod 'WrappingHStack' 

Penggunaan

Impor paket WrappingHStack ke tampilan Anda:

import WrappingHStack

gunakan seperti Anda menggunakan HStack untuk elemen tunggal:

 WrappingHStack {
    /* some views */
    NewLine ( ) // Optional: Use NewLine to force the next element to be placed in a next line
    /* some more views */
}

atau seperti ForEach untuk mengulang item:

 WrappingHStack ( 1 ... 30 , id :  . self ) {
    Text ( " Item: ( $0 ) " )
}

Penempatan barang

Anda mengontrol posisi item dengan menggunakan parameter alignment , yang mengatur HorizontalAlignment item. Yaitu memimpin, mengikuti atau terpusat.

Untuk kenyamanan dan fleksibilitas lebih, WrappingHSTack menawarkan parameter spacing , yang menentukan cara penghitungan spasi. Ini bisa berupa salah satu dari jenis berikut:

• .constant : untuk spasi tetap, setiap baris dimulai dengan sebuah item dan pemisahan horizontal antara 2 item adalah nilai yang diberikan.
• .dynamic : agar item memenuhi lebar WrappingHStack. Anda dapat melewati jarak minimal.
• .dynamicIncludingBorders untuk mengisi lebar penuh dengan jarak yang sama antar item dan dari item ke perbatasan. Anda dapat melewati jarak minimal.

Masalah yang Diketahui

• Masalah #15: Ukuran item dihitung secara salah ketika WrappingHStack memiliki pengubah yang mengubah ukuran elemennya.
• Masalah #16: Diperlukan solusi saat menggunakan WrappingHStack di NavigationLink (khusus iOS16).
• Masalah #10: SPM tidak dapat menyelesaikan ketergantungan (hanya Xcode 11.3.1).

Menyumbang

Anda dapat berkontribusi pada proyek ini dengan membantu saya memecahkan masalah apa pun yang dilaporkan atau permintaan fitur dan membuat permintaan tarik.

Mendukung

Sponsori proyek ini untuk mendapatkan hadiah dan memberi saya dorongan moral.

Lisensi

WrappingHStack awalnya dikembangkan oleh Daniel Klöck dan dirilis di bawah Lisensi MIT.