SwiftUIボタンのイメージサイズを設定する方法


  1. イメージのサイズを固定する方法: ボタンにイメージを追加する際に、frame() メソッドを使用してサイズを指定します。例えば、以下のようなコードを使用します。

    Button(action: {
       // ボタンがタップされた時の処理
    }) {
       Image("imageName")
           .resizable()
           .frame(width: 100, height: 100) // イメージのサイズを指定
    }

    上記の例では、イメージの幅と高さをそれぞれ100ポイントに設定しています。必要に応じて、適切なサイズに変更してください。

  2. ボタンのサイズに合わせてイメージを自動的に調整する方法: ボタンのサイズに合わせてイメージを自動的に調整するには、aspectRatio() メソッドを使用します。以下に例を示します。

    Button(action: {
       // ボタンがタップされた時の処理
    }) {
       Image("imageName")
           .resizable()
           .aspectRatio(contentMode: .fit) // イメージのアスペクト比を保持し、ボタンのサイズに合わせる
    }

    この例では、イメージのアスペクト比を保持し、ボタンのサイズに合わせてイメージを調整しています。

上記の方法を使用することで、SwiftUIボタンにイメージを追加し、そのサイズを設定することができます。必要に応じて、コードを調整してください。