PickerWheels are interactive components that allow users to select from a predefined set of options by scrolling vertically through the available choices. They are commonly used for selecting dates, times, or other discrete values in mobile apps. PickerWheels provide a visually appealing and intuitive way for users to make selections, enhancing the overall user experience. They can be customized to match the app´s design and can greatly simplify the selection process, especially for tasks that require precise input or a large number of options.
In the designer editor, you can configure the number of columns in a pickerwheel and specify the values for each column. This flexibility allows you to create intuitive interfaces for users to select options or enter data, enhancing the usability of your app.
Here you can see this example in action:
You can download the project from the following link:
Class_Rar_0__27.rar
PickerWheel Properties
During design mode, you can assign the following properties and events to a PickerWheel:
Here is the list of properties and their usage for PickerWheels:
- Name: The name of the pickerwheel.
- Position and Size:
- x: The x-coordinate position of the pickerwheel.
- y: The y-coordinate position of the pickerwheel.
- const_anchorX: The x-anchor point of the pickerwheel.
- const_anchorY: The y-anchor point of the pickerwheel.
- const_width: The width of the pickerwheel.
- const_height: The height of the pickerwheel.
- toBack: Set to true to move the pickerwheel to the back layer.
- toFront: Set to true to move the pickerwheel to the front layer.
- isVisible: Set to true to make the pickerwheel visible.
- Appearance:
- font: The font style of the pickerwheel.
- fontsize: The font size of the pickerwheel.
- fontColorUnselected_RGB: The RGB color of the unselected font.
- fontColorSelected_RGB: The RGB color of the selected font.
- fontColorUnselected_alpha: The alpha transparency of the unselected font.
- fontColorSelected_alpha: The alpha transparency of the selected font.
- columnColor_RGB: The RGB color of the column.
- columnColor_alpha: The alpha transparency of the column.
- image_sheet_PIC: The image sheet for the pickerwheel.
For the skin, you have multiple options to choose from. You can find various skins in the installation folder of Kenzie, or you can download them from here and customize them to your liking.
Content:
- col1_align: The alignment of the labels in column 1 (center, left, right).
- col1_width_%: The width of column 1 as a percentage of the total width.
- col1_startIndex: The starting index of column 1.
- col1_labels: The labels for column 1.
- col1_from_number: The starting number for column 1 (if using numbers).
- col1_to_number: The ending number for column 1 (if using numbers).
- col1_step_number: The step size for numbers in column 1.
- col2_align: The alignment of the labels in column 2 (center, left, right).
- col2_width_%: The width of column 2 as a percentage of the total width.
- col2_startIndex: The starting index of column 2.
- col2_labels: The labels for column 2.
- col2_from_number: The starting number for column 2 (if using numbers).
- col2_to_number: The ending number for column 2 (if using numbers).
- col2_step_number: The step size for numbers in column 2.
- col3_align: The alignment of the labels in column 3 (center, left, right).
- col3_width_%: The width of column 3 as a percentage of the total width.
- col3_startIndex: The starting index of column 3.
- col3_labels: The labels for column 3.
- col3_from_number: The starting number for column 3 (if using numbers).
- col3_to_number: The ending number for column 3 (if using numbers).
- col3_step_number: The step size for numbers in column 3.
- col4_align: The alignment of the labels in column 4 (center, left, right).
- col4_width_%: The width of column 4 as a percentage of the total width.
- col4_startIndex: The starting index of column 4.
- col4_labels: The labels for column 4.
- col4_from_number: The starting number for column 4 (if using numbers).
- col4_to_number: The ending number for column 4 (if using numbers).
- col4_step_number: The step size for numbers in column 4.
|
