Is there a way to bind a UIPickerView with an Observable?
For example for a UITableView I would do:
myObservableArray.bindTo(tableView.rx.items(cellIdentifier: "Identifier", cellType: MyCustomTableViewCell.self)) { (row, title, cell) in
cell.textLabel?.text = title
}
.disposed(by: disposeBag)
Is there something similar for UIPickerView ?
I have a project in Xcode (storyboard) and I am trying to make a search in a database in my Firestore on my 1st ViewController with a search bar (it could be a textfield as well); no results should be displayed in a tableview, instead it should feed a picker view in my 2nd viewController; after that, right above my picker view I have a textfield that display the choice of the picker view; and below that I have a label that should display the same text as the above textfield. Very simple. Any suggestion? highly appreciated.
Unless I explicitly select a row, the UIPickerView crashes and I get the error
*** Terminating app due to uncaught exception 'NSInternalInconsistencyException', reason: 'time interval must be greater than 0'
I understand that it crashes because it's not selecting any one of the rows, and the default value for Time Interval is 0.
So how can I get the PickerView to select the first row without me having to explicitly select it myself?
Here is the relevant code:
var timerDisplayed = 0
func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
timerDisplayed = Int(timeSelect[row])!
}
@objc func timeClock(){
UNUserNotificationCenter.current().requestAuthorization(options: [.alert, .sound]) { (didAllow, error) in }
let content = UNMutableNotificationContent()
content.title = "Time is up!"
content.badge = 1
content.sound = UNNotificationSound.init(named: UNNotificationSoundName(rawValue: "note1.wav"))
let trigger = UNTimeIntervalNotificationTrigger(timeInterval: TimeInterval(timerDisplayed), repeats: false)
let request = UNNotificationRequest(identifier: "timerDone", content: content, trigger: trigger)
UNUserNotificationCenter.current().add(request, withCompletionHandler: nil)
self.timerTextField.text = (" \(String(self.timerDisplayed))")
dismissKeyboard()
DispatchQueue.main.async {
self.timer = Timer.scheduledTimer(timeInterval: 1, target: self, selector: #selector(self.Action), userInfo: nil, repeats: true)
}
}
@objc func Action(){
if timerDisplayed != 0 {
DispatchQueue.main.async {
self.timerDisplayed -= 1
self.timerTextField.text = (" \(String(self.timerDisplayed))")
}
}
else {
self.timer.invalidate()
self.timerTextField.text = nil
self.timerTextField.placeholder = " Timer"
}
}
CODE HAS BEEN UPDATED AND IS WORKING AS EXPECTED
I have a View Controller with a text field and a PickerView. I want to display the data i have stored in Firebase inside the PickerView. I'm able to retrieve and print the data from Firebase but I can't find a way to display it inside the PickerView. Here is my code:
import UIKit
import Firebase
class pickerVC: UIViewController, UIPickerViewDelegate, UIPickerViewDataSource, UITextFieldDelegate {
@IBOutlet weak var labelTxt: UITextField!
@IBOutlet weak var infoPickerViewer: UIPickerView!
var dbRef: CollectionReference!
var pickerView: UIPickerView?
var itemsClass = [ItemInfo]()
override func viewDidLoad() {
super.viewDidLoad()
let pickerView = UIPickerView()
infoPickerViewer.delegate = self
infoPickerViewer.dataSource = self
dbRef = Firestore.firestore().collection(ITEMS_REF)
labelTxt.inputView = pickerView
labelTxt.delegate = self
self.infoPickerViewer = pickerView
self.infoPickerViewer?.delegate = self
self.infoPickerViewer?.dataSource = self
self.infoPickerViewer.reloadAllComponents()
getItems()
}
func numberOfComponents(in pickerView: UIPickerView) -> Int {
return 1
}
func textFieldDidBeginEditing(_ textField: UITextField) {
labelTxt = textField
}
func textFieldShouldBeginEditing(_ textField: UITextField) -> Bool {
self.pickerView?.reloadAllComponents()
return true
}
func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
if labelTxt.isFirstResponder {
return self.itemsClass.count
}
return 0
}
func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
if labelTxt.isFirstResponder {
return itemsClass[row].itemName
}
return nil
}
func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
if labelTxt.isFirstResponder {
let item = itemsClass[row].itemName
labelTxt.text = item
}
}
func getItems() {
dbRef.getDocuments { (snapshot, error) in
if let err = error {
debugPrint("error fetching docs: \(err)")
} else {
self.infoPickerViewer.reloadAllComponents()
let snap = snapshot
for document in snap!.documents {
let data = document.data()
let itemCode = data[ITEMS_CODE] as? String ?? ""
let itemName = data[ITEMS_NAME] as? String ?? ""
let t = ItemInfo(itemCode: itemCode, itemName: itemName)
self.itemsClass.append(t)
print("ITEMS_CODE", itemCode as Any)
print("ITEMS_NAME", itemName as Any)
}
}
}
}
}
The Firebase DB is structured as follow:
collection/AutoID/itemCode: "item1"
itemName: "item2"
collection/AutoID/itemCode: "item3"
itemName: "item4"I only need to display the itemName inside the PickerView, the itemCode I'm going to use it to run a query depending on the selection in the PickerView.
Any help with this is greatly appreciated.
I have a pickerView that displays data from Firebase (here is my previous question) previous question and i cannot figure it out how to send one of the Strings to another VC.
This is how the pickerView is configured:
func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
if labelTxt.isFirstResponder {
return itemsClass[row].itemName
}
return nil
}
func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
if labelTxt.isFirstResponder {
let item = itemsClass[row].itemName //pickerViewer displays this info
print("ITEMCODE", itemsClass[row].itemCode as Any) //itemCode need to send this to the next VC
labelTxt.text = item
}
}
override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
if segue.identifier == "goToInfo" {
let vc = segue.destination as! infoVC
vc.fromPicker = //Not sure how to grab the itemCode to send it to the next VC
}
}
@IBAction func sendInfo(_ sender: Any) {
if ITEMS_CODE != //??
{
performSegue(withIdentifier: "goToInfo", sender: self)
}
}
Based on my code (which is not complete because I can't find a solution) the pickerView displays what's inside itemName, but, I need to send itemCode to the next VC. Any help is greatly appreciated.
I have a view with three picker views in it. Two of the picker views have the same data, an array with the numbers 1 to 100. The third picker view has an array with a list of model railroad track manufacturers in it. I have tagged the picker views using a method I found on this site, but when I run the app, all three picker views have 1 to 100 as their data. I also control-dragged from all picker views to the yellow circle at the top of the view and clicked dataSource and delegate. How do I use multiple picker views with different data sources in one view? Also, in order to make the code run, I had to delete weak from all @IBOutlet statements relating to the picker views. Is this a bad thing to do? I am relatively new to code. Thanks.
import UIKit
class ViewController: UIViewController, UIPickerViewDataSource, UIPickerViewDelegate {
//MARK: Properties
@IBOutlet var layoutLengthPickerView: UIPickerView!
@IBOutlet var layoutWidthPickerView: UIPickerView!
@IBOutlet var trackPickerView: UIPickerView!
override func viewDidLoad() {
super.viewDidLoad()
layoutLengthPickerView = UIPickerView()
layoutWidthPickerView = UIPickerView()
trackPickerView = UIPickerView()
layoutLengthPickerView.tag = 0
layoutWidthPickerView.tag = 1
trackPickerView.tag = 2
}
let numbers = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "40", "41", "42", "43", "44", "45", "46", "47", "48", "49", "50", "51", "52", "53", "54", "55", "56", "57", "58", "59", "60", "61", "62", "63", "64", "65", "66", "67", "68", "69", "70", "71", "72", "73", "74", "75", "76", "77", "78", "79", "80", "81", "82", "83", "84", "85", "86", "87", "88", "89", "90", "91", "92", "93", "94", "95", "96", "97", "98", "99", "100"]
let manufacturers = ["Atlas True Track", "Atlas Code 100", "Atlas Code 83", "Bachmann Nickel Silver", "Bachmann Steel Alloy", "Kato", "Life-Like Trains Code 100", "LIfe-Like Trains Power-Loc", "Peco Code 100", "Peco Code 83", "Peco Code 75", "Shinohara Code 100", "Shinohara Code 70", "Walthers"]
func numberOfComponents(in pickerView: UIPickerView) -> Int {
return 1
}
func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
if pickerView.tag == 0 {
return numbers[row]
} else if pickerView.tag == 1 {
return numbers[row]
} else if pickerView.tag == 2 {
return manufacturers[row]
}
return ""
}
func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
if pickerView.tag == 0 {
return numbers.count
} else if pickerView.tag == 1 {
return numbers.count
} else if pickerView.tag == 2 {
return manufacturers.count
}
return 1
}
}
I would like to show a set of consecutive numbers in a UIPickerView component but have it wrap around like the seconds component of the Clock->Timer application. The only behavior I can enable looks like the hours component of the Timer application, where you can scroll in only one direction.
I am facing issue with very old developed App, my UIPicker looks black in ios13 but in ios12 it looks good.
Image from ios12 :
Image from ios13 :
Just to confirm that
1 : When i am checking Dark mode is OFF
2 : I have not set background color for UIpicker it is the default color
I have tried to search the similar issue but not one face the issue, even in my App also it comes randomly
Any one who face the same issue? Any idea suggestion are most welcome!!!
Thanks in advance!!!
My application build & run in iOS 5.x perfectly, but it crashes when I call selectRow:inComponent:animated: method of UIPickerView in iOS 6.
code :
[_pickerview selectRow:1 inComponent:0 animated:NO];
I know this method is not work in iOS6 when I googled it, but I want to know other method to do this effect?
I am trying to figure out how to pass a selected UIPicker value into a UITextField. I have created the picker and several UItextFields with .tag to identity which UITextField to put the value into, however i Just dont know how to do it.
This is the method I am using when the UIPickerView is tapped
// Do something with the selected row.
-(void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component
{
NSLog(@"You selected this: %@", [dataArray objectAtIndex: row]);
NSString *temp = [dataArray objectAtIndex:row]; // this contains the selected value from UIPickerView
NSLog(@"%@", temp);
// if (cutField.tag == 0) { // trying to pass the string to the correct UItextfield... or any UItextfield for that matter
cutField.text = temp;
// }
}
The method above is actioned but there is never a value set in the cutField. I don't know how to identify which one should be updated as I don't know how to access the tag value.
This is how I assign the tag value of the UITextField:
for (int i = 0; i < cutCount; i++)
{
//first one
cutField = [[UITextField alloc] initWithFrame:CGRectMake(((positions*i)-(20/2)+(positions/2)), 25, 20, 20)];
cutField.inputView = pickerView;
cutField.textColor = [UIColor colorWithRed:0/256.0 green:84/256.0 blue:129/256.0 alpha:1.0];
cutField.font = [UIFont fontWithName:@"Helvetica-Bold" size:25];
cutField.backgroundColor=[UIColor whiteColor];
[view addSubview:cutField];
cutField.tag = tagNumber;
tagNumber ++;
[columnArrayOfTextFields addObject:cutField]; // array of textfields
}
I have created a UIScrollView that contains a dynamic number of UIViews. Inside each UIView will be a dynamic number of UItextFields.
The view itself looks like this
This white boxes are the UIViews and the black boxes are the UITextfields.
I have a method that puts these UITextfields into an array of arrays. So you have an array of UIViews then in each array there is an array of UITextfields.
that code looks like this.
for(int i = 0; i< viewcount; i++) {
color = color + 20;
NSLog(@"%f", color);
CGFloat y = i * 91;
UIScrollView *axisContainerScrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0.0, y,self.view.frame.size.width, 90.0)];
axisContainerScrollView.contentSize = CGSizeMake(600.0, 90.0);
axisContainerScrollView.backgroundColor = [UIColor whiteColor];
[htmlContainerScrollView addSubview:axisContainerScrollView];
// UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, y,self.view.frame.size.width, 90.0)];
UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0.0, 0.0, 640.0, 90.0)];
view.backgroundColor = [UIColor colorWithRed:0/255.0 green:0/255.0 blue:0/255.0 alpha:(1.0/i)];;
[axisContainerScrollView addSubview:view];
int cutCount = [cutsString integerValue];
int positions = (view.frame.size.width/cutCount);
for (int i = 0; i < cutCount; i++) {
//first one
UITextField *cutField = [[UITextField alloc] initWithFrame:CGRectMake(((positions*i)-(20/2)+(positions/2)), 25, 20, 20)];
cutField.textColor = [UIColor colorWithRed:0/256.0 green:84/256.0 blue:129/256.0 alpha:1.0];
cutField.font = [UIFont fontWithName:@"Helvetica-Bold" size:25];
cutField.backgroundColor=[UIColor whiteColor];
[view addSubview:cutField];
[columnArrayOfTextFields addObject:cutField]; // array of textfields
}
[rowArrayOfTextFields addObject:columnArrayOfTextFields]; // array of arrays
}
What I would like help with is how to then step through each UITextField and enter a value from a UIPickerView. so as you select values you populate each UITextField from left to right and progress downwards through each UItextField.
I have a gesture recognizer for the UIPickerView where it calles a method like this
UITapGestureRecognizer *singleFingerTap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(pickerTap:)];
I think the NSArray of NSArrays is a good start but I'm just not sure how to progress from here.
Mine is an educational app, the student is given a word and then is supposed to select the corresponding image (say matching the word banana to the image of one, where the image is in a UIPickerview) However, my following code yields no results:
let possibleAnswers = [UIImage(named: Images.one), UIImage(named: Images.two), UIImage(named: Images.three), UIImage(named: Images.four)]
fileprivate let pickerView: UIPickerView = {
let pv = UIPickerView()
pv.translatesAutoresizingMaskIntoConstraints = false
return pv
}()
override func viewDidLoad() {
pickerView.delegate = self
pickerView.dataSource = self
}
extension ViewController: UIPickerViewDataSource {
func numberOfComponents(in pickerView: UIPickerView) -> Int {
return 1
}
func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
return possibleAnswers.count
}
}
extension ViewController: UIPickerViewDelegate {
func pickerView(_ pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusing view: UIView?) -> UIView {
let myImageView = UIImageView(frame: CGRect(x: 0, y: 0, width: 220, height: 61))
myImageView.image = possibleAnswers[row]
return myImageView
}
}
Am I doing something wrong? How can I rectify this?
EDIT 1:
This is what the erroneous view looks like.
I apologise for this question, other questions are either outdated or are about embedding buttons within a UIPickerView
I have a UIPickerView which displays 3 strings; once my user has selected the string he wishes to select, I want him to hit a done button (which is not embedded in the UIPickerView itself; but appears separately).
let strings = ["1", "2", "3"]
fileprivate let pickerView: UIPickerView = {
let pv = UIPickerView()
pv.translatesAutoresizingMaskIntoConstraints = false
return pv
}()
override func viewDidLoad() {
pickerView.delegate = self
pickerView.dataSource = self
}
let button: UIButton = {
let btn = UIButton()
btn.translatesAutoresizingMaskIntoConstraints = false
btn.setTitle("Done", for: .normal)
btn.addTarget(self, action: #selector(donePressed), for: .touchUpInside)
return btn
}()
@objc func donePressed(_ sender: UIButton) {
print("Done pressed")
//Pressing this should print whichever row is currently selected
}
extension ViewController: UIPickerViewDataSource {
func numberOfComponents(in pickerView: UIPickerView) -> Int {
return 1
}
func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
return strings.count
}
}
extension ViewController: UIPickerViewDelegate {
func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
strings[row]
}
User selects a printer (UIPrinter) using the UIPrinterPickerController. Once selected, that UIPrinter is used for output (print(to:) throughout the app and persists for subsequent launches of the app. From iOS 9 through iOS 12, this method has worked well.
However, under iOS 13, the following happens:
The UIPrinter is always available when used for the first time. But once used, after a short period of time (less than a minute) the UIPrinter seems to go out to existence. This happens when using the Xcode Printer Simulator or an actual physical printer via AirPrint.
Here's the Xcode Console message on the first print - it works:
Simulated\032Color\032Laser\032@\032myMac._ipps._tcp.local.: Print-Job successful with warning: Job attributes did not match print document.Simulated\032Color\032Laser\032@\032myMac._ipps._tcp.local.: Release-Job successful with warning: successful-ok (successful-ok)Here's what happens 1 minute later:
Simulated\032Color\032Laser\032@\032myMac._ipps._tcp.local.: Print-Job failed: Printer "Simulated_Color_Laser_myMac" does not exist.When this happens, the only way to continue is to re-select the UIPrinter in the PrinterPicker.
Any ideas as to what might be happening here?
Thanks,
Lately, I have been working on creating a complex view that allows me to use a Picker below a Form. In every case, the Form will only have two options, thus not enough data to scroll downwards for more data. Being able to scroll this form but not Picker below makes the view feel bad. I can't place the picker inside of the form or else SwiftUI changes the styling on the Picker. And I can't find anywhere whether it is possible to disable scrolling on a List/Form without using:
.disable(condition)Is there any way to disable scrolling on a List or Form without using the above statement?Here is my code for reference
VStack{ Form { Section{ Toggle(isOn: $uNotifs.notificationsEnabled) { Text("Notifications") } } if(uNotifs.notificationsEnabled){ Section { Toggle(isOn: $uNotifs.smartNotifications) { Text("Enable Smart Notifications") } }.animation(.easeInOut) } } // End Form .listStyle(GroupedListStyle()) .environment(\.horizontalSizeClass, .regular) if(!uNotifs.smartNotifications){ GeometryReader{geometry in HStack{ Picker("",selection: self.$hours){ ForEach(0..<24){ Text("\($0)").tag($0) } } .pickerStyle(WheelPickerStyle()) .frame(width:geometry.size.width / CGFloat(5)) .clipped() Text("hours") Picker("",selection: self.$min){ ForEach(0..<61){ Text("\($0)").tag($0) } } .pickerStyle(WheelPickerStyle()) .frame(width:geometry.size.width / CGFloat(5)) .clipped() Text("min") }I want to customize picker view in my project. Add different type of image in pickerview cell & also want to reduce pickerview height.
I show you image for more understanding.
How to implement this type of pickerview? I check custom demo but I did not find any information.
I am trying to create a text box that when it is selected a UIPickerView opens up with choices to select from. Once selected, the UIPickerView hides and the selected item is displayed in the text box. I tried different pieces of code I found online but I just can't get it to work. If someone can suggest a complete code for this or tell me what I am doing wrong in my code, that would be super awesome. Thanks so much.
Here is my code:
@IBOutlet var textfieldBizCat: UITextField!@IBOutlet var pickerBizCat: UIPickerView! = UIPickerView()var bizCat = ["Cat One", "Cat Two", "Cat Three"]override func viewDidLoad() { super.viewDidLoad() var bizCatCount = bizCat.count self.textfieldBizCat.inputView = pickerView}// returns the number of 'columns' to display.func numberOfComponentsInPickerView(pickerView: UIPickerView!) -> Int{ return 1}// returns the # of rows in each component..func pickerView(pickerView: UIPickerView!, numberOfRowsInComponent component: Int) -> Int{ return bizCat.count}func pickerView(pickerView: UIPickerView!, titleForRow row: Int, forComponent component: Int) -> String! { return bizCat[row]}func pickerView(pickerView: UIPickerView!, didSelectRow row: Int, inComponent component: Int){ textfieldBizCat.text = "\(bizCat[row])"}So I have a uipickerview with rows that only contain the number 0-24 and it looks a bit silly since the numbers are left aligned leaving a huge gap on the right of the pickerview.
Is there an easy way to center align text in a uipickerview?
I'm currently trying to insert a UIPickerView into a tableview cell after the user tapped the row above. I've already done this several times with UIDatePicker objects and it worked fine.
The view is correctly inserted into the new cell and is working as expected. However, the UIPickerView object is shifted to the left on the iPhone 6 and iPhone 6 Plus.
Here is a screenshot: http://i.stack.imgur.com/ZeFh6.png
The view is exactly inserted as the UIDatePicker, which is centered on every device.
if indexPath.section == 0 && indexPath.row == 2 { var cell: UITableViewCell! = tableView.dequeueReusableCellWithIdentifier("PickerCell") as? UITableViewCell if cell == nil { cell = UITableViewCell(style: .Default, reuseIdentifier: "PickerCell") cell.selectionStyle = .None // Create and add the UIPickerView object, same width as cell let picker = UIPickerView(frame: CGRect(x: 0, y: 0, width: 320, height: 216)) picker.tag = 101 cell.contentView.addSubview(picker) // Set the dataSource and Delegate for this picker to be the Controller picker.dataSource = self picker.delegate = self } return cellCan you give me an advice what I can do to center this programmatically added object in it's cell?
Thanks,
I have 3 UIPickerViews, 2 of them would not show up during runtime. It shows dashed horizontal line. I do appreciate for any hint.
// Picker Data Source
extension PrinterErrorPicker: UIPickerViewDataSource { func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int { return 1 } func numberOfComponents(in pickerView: UIPickerView) -> Int { printerErrorData.count } }