New guidance, UGui drop-down box how to realize the multiple columns, the default UGui provide only a single drop-down box

CodePudding user response:

In order to achieve this function, it is necessary to define the structure of a drop-down box

The structure of the drop-down box:
1, the top is a text input boxes, and drop-down arrow
After 2, click the drop-down arrow, down a list of only the vertical scroll bar, each item in the list are immutable elements, such as the Lable
3, click on the select element, element of the text will be displayed to the top of the text input box, and hidden list interface

What you need
1, the top is a text input box + drop-down menu remains the same, or the drop-down arrow to modify for the clock icon, and so on, set free
After 2, click the drop-down arrow, appear at the same time two vertical scrolling list, and associated with each other, is just as much a read-only list of elements, the same can be done with Lable, at the same time in a text input box location shows "please select the time" text, and a representative close X, X, is close open these things now,
3, click on the left side of the vertical scrolling list, modify the text in the front of the colon, click on the right side of the vertical scrolling list, modify the text behind the colon

CodePudding user response:

reference 1/f, faint a leisurely yo reply:

in order to achieve this function, it is necessary to define the structure of a drop-down box

The structure of the drop-down box:
1, the top is a text input boxes, and drop-down arrow
After 2, click the drop-down arrow, down a list of only the vertical scroll bar, each item in the list are immutable elements, such as the Lable
3, click on the select element, element of the text will be displayed to the top of the text input box, and hidden list interface

What you need
1, the top is a text input box + drop-down menu remains the same, or the drop-down arrow to modify for the clock icon, and so on, set free
After 2, click the drop-down arrow, appear at the same time two vertical scrolling list, and associated with each other, is just as much a read-only list of elements, the same can be done with Lable, at the same time in a text input box location shows "please select the time" text, and a representative close X, X, is close open these things now,
3, click on the left side of the vertical scrolling list, modify the text in the front of the colon, click on the right side of the vertical scrolling list, modify the text behind the colon

By the way, in order not to be manually content, also need to set the Text input box to read-only, e.g. not Text but with the Lable instead