1

iOS アプリ用の Ui デザイン カードを作成するためのコンポーネントは何ですか? pinterest でこれらのクールなカード デザインをたくさん見たので、どのように作成するのか疑問に思っていました。そのようなデザインを作るためのコンポーネントは何ですか。

私はウェブをサーフィンし、ほとんどが新しいSwiftUIを使用してそのようなデザインを作成していることを発見しましたが、通常のストーリーボードだけでそれを作成する方法はあるのでしょうか? Xibでカスタムデザインされたボタンを使用しているのか、通常のテーブルビューを使用しているのか、それとも何を使用しているのかなどのコンポーネントはまだわかりませんか？

ココアポッドの良いライブラリがあれば、どちらか知りたいです。

これは私が質問したいタイプのカードデザインです:

[カードデザイン 11

ここに画像の説明を入力

ここに画像の説明を入力

また、ピンタレストから見たのと同じデザインのリンクもあります。

https://pin.it/694Q8hb

コンポーネントが何であるか、おそらくココアポッドのライブラリがある場合など、標準のストーリーボードでこれを作成する方法を誰かが知っている場合は、私に知らせてください。開発の方法と私はただ良いデザインを作りたいだけです.このカードデザインタイプは私のアプリにぴったりだと思います. みんな乾杯:)

4

3 に答える 3

0

これは、SwiftUI で非常に簡単に実行できます。VStack (または LazyVStack または LazyVGrid) を使用してリスト ビューを設定し (TableView よりもはるかに簡単です)、ビューの 1 つに似たカスタムの再利用可能なビューを作成し、それをボタンのラベルとして設定できます。開始するための (簡略化された) コードを次に示します。

import SwiftUI

struct CustomView: View {
    var body: some View {
        VStack {
            Button(action: {
                print("First button pressed")
            }, label: {
                CustomRowView(buttonTitle: "First Button")
            })
            
            Button(action: {
                print("Second button pressed")
            }, label: {
                CustomRowView(buttonTitle: "Second Button")
            })
            
            Button(action: {
                print("Third button pressed")
            }, label: {
                CustomRowView(buttonTitle: "Third Button")
            })

            
            Spacer()
        }
        .padding()
    }
}

struct CustomRowView: View {
    
    @State var buttonTitle: String
    
    var body: some View {
        Text(buttonTitle)
            .frame(maxWidth: .infinity)
            .foregroundColor(.white)
            .padding(.vertical, 40)
            .background(Color.blue)
            .cornerRadius(12)
    }
}


struct CustomViewsz_Previews: PreviewProvider {
    static var previews: some View {
        CustomView()
    }
}
于 2020-09-06T03:59:34.863 に答える