alerttextとpickerについて

Question

@IBAction func btr(_ sender: Any) {
    let alert = UIAlertController(title: "値を入力してください", message: "\n\n\n\n\n\n\n\n", preferredStyle: .alert)
    // テキストフィールドを追加
    alert.addTextField(configurationHandler: {(textField: UITextField!) -> Void in
      textField.placeholder = "買ったもの"
    })
    //二個目
    alert.addTextField(configurationHandler: {(textField: UITextField!) -> Void in
      textField.placeholder = "金額"
    })
    
    let saveAction = UIAlertAction(title: "OK", style: .default) { (action:UIAlertAction!) -> Void in
      self.mytableView.reloadData()
    }
    let cancelAction = UIAlertAction(title: "キャンセル", style: .default) { (action:UIAlertAction!) -> Void in
    }
    
    //PickerView
    pickerView = UIPickerView(frame:CGRect(x:0, y:50, width:view.bounds.width*0.6, height:150)) // 配置、サイズ
    pickerView.frame = CGRect(x:0, y:0, width:view.bounds.width, height:150)
    pickerView.dataSource = self
    pickerView.delegate = self
    alert.view.addSubview(pickerView)
    
    alert.addAction(saveAction)
    alert.addAction(cancelAction)
    present(alert, animated: true, completion: nil)
  }

やりたいこと
pickerとtextFieldの位置を上下逆にしたいです。
それとtextFieldを複数にするとこういったくっついた形になってしまうのですがそ

自分出来たところ
alert内にpickerと追加でtextFieldまでを設置するところまで出来た

困っているところ
alert内にpickerとtextを上下逆にしたいのですがどうすればいいか分からなくて困っています。
それとalert内のtextFieldとpickerViewの間の隙間を出来るだけ無くしたいです。

versionはswift4で開発しています。

Comments

[komo_ta]

「イメージとしてはtextで数字を入力し、pickerは値を入力できるようにしたい。」ここの部分がイメージつかなかったんですが、入力というのはtextFieldを使うってことでしょうか？もしくは値を表示させるという意味で入力と言ってますか？軽くでもいいので、その画面の簡単な図みたいなものがあればアドバイスできるかもです。

[退会済みユーザー]

私の説明不足でやりたいことをお伝え出来なくてすいません。質問内容を編集したのでもし宜しければもう一度見ていただけないでしょうか？

[komo_ta]

修正ありがとうございます。確認したいことが２点あるのですが、①TextFieldは入力するインターフェースだと思うのですが、PickerViewを入れるのはなぜでしょうか？②修正で追加していただいた画像あると思うのですが、こちらはUIAlertControllerかどうかわかりますか？見た感じカスタムで作ってあるようなViewにも見えるので。。。

[退会済みユーザー]

textFieldにpickerを入れる理由としてはユーザー自身の入力する手間を出来るだけ省きたいのでpickerViewを設置してみようというのが経緯になります。基本的に私が想定している事としてはpickerはそんなに使用頻度の高いものではなくオプションとして単位を変更したい時だけ使ってもらうのを想定しています。

[退会済みユーザー]

２点目の関しては確認してみましたがおそらくalert内で作れられているものだと思います。ですが２点目に関しては私の自己満足ですので出来なくも大丈夫です。

Answer 1

他の方も回答しているように UIAlertController で実現するには盛り込みすぎな気がするので、例えば、 iOS 標準の Alarm のようなインタフェースなど検討してみてはいかがでしょうか？

Github に Alarm の Swift 実装を見かけたので、このようなイメージを参考にしてみるのも良いかと思います。

Alarm-ios-swift

Comments

[退会済みユーザー]

カスタムのアラートを作るためにxibを利用してやっているのですがその過程でエラーが起きてしまって自分なりに色々試してみたのですがどうしても出来ないのでもし宜しければ教えて頂けないでしょうか？
https://teratail.com/questions/113793

Answer 2

調べてみましたが、難しいかと思います。UIAlertControllerのPopupしてくるViewに対して設置できるUI部品はaddTextField~によって追加できるtextFieldくらいで、他は厳しいかと思います。そのTextFieldの位置に関しても、色々試しましたが位置を取得することができないので、こちらで位置を制御することはできなそうでした。そちらのpickerViewに関しても、UIAlertControllerそのもののviewプロパティに載せているので、おそらく階層的には、おかしなことになっているのではないかと思います。(debug view hierarlchyしていただければわかるかと思います。)

UIAlertControllerクラスを見ましたが、popupしてくるViewのプロパティがなさそうです

UIAlertController.h

//
//  UIAlertController.h
//  UIKit
//
//  Copyright (c) 2014-2017 Apple Inc. All rights reserved.
//

@available(iOS 8.0, *)
public enum UIAlertActionStyle : Int {

    
    case `default`

    case cancel

    case destructive
}

@available(iOS 8.0, *)
public enum UIAlertControllerStyle : Int {

    
    case actionSheet

    case alert
}

@available(iOS 8.0, *)
open class UIAlertAction : NSObject, NSCopying {

    
    public convenience init(title: String?, style: UIAlertActionStyle, handler: ((UIAlertAction) -> Swift.Void)? = nil)

    
    open var title: String? { get }

    open var style: UIAlertActionStyle { get }

    open var isEnabled: Bool
}

@available(iOS 8.0, *)
open class UIAlertController : UIViewController {

    
    public convenience init(title: String?, message: String?, preferredStyle: UIAlertControllerStyle)

    
    open func addAction(_ action: UIAlertAction)

    open var actions: [UIAlertAction] { get }

    
    @available(iOS 9.0, *)
    open var preferredAction: UIAlertAction?

    
    open func addTextField(configurationHandler: ((UITextField) -> Swift.Void)? = nil)

    open var textFields: [UITextField]? { get }

    
    open var title: String?

    open var message: String?

    
    open var preferredStyle: UIAlertControllerStyle { get }
}

extension UIAlertController : UISpringLoadedInteractionSupporting {
}

なので自分だったら、カスタムでViewを作成するか、そもそものインターフェースを見直すかなと思います。