Ivx use some lessons learned slidably container made of a message list

Ivx recently in the learning process, we found there is a sliding container components in expanding component. In several cases the production of a list of messages, often need to use this to show the effect of, for example, the list of messages left slide to choose to delete or Top features such as frequently used, but usually the button is hidden, do not squeeze the UI display area is very convenient. This feature will ivx packaged as a single functional component, the operating point where a subdivision is ivx Like modules! I am here also to use the experience of this function module to write down hoping to be helpful to everyone.
1. Add slidably container
below the position can be found in FIG slidably container, can look at the structure of the container slidably After the addition, the object tree appears in addition to a slidable container, it also appears below a slidable button set and a slidable row. At this time, select the container can slide Click again to expand the assembly can only add slide button group, and the right mouse button can be set to slide and slide the line you will find, can slide button group can be deleted, but can slip line is not enough , after all, it is a major part of the whole show can slide container.

2 shows the body portion of the - rows slidably
in ivx inside this demo, is slidably selected row line to add a container, the container rows and three columns add container, displaying avatar, message date and message content nickname. You can slide in a row with the name of the line, and indeed it can be viewed as a line component. Add components inside a horizontal arrangement, but not the same as assembly lines and cut lines disposed transducer, and also by the width and height of his parent container slidably determined width and height of the container.

Swipe region 3. - group can slide button
slidably button set is employed rows, we will go on the slidable carriage rows may be provided inside the display effect it in the editor, it is added three Demo button assembly , unequal width, the height is 100% fill slidably button group. The width of the slidable button group is determined by the total width of the assembly inside it, and its height is determined by the nature slidably container the parent container.

In addition, select it you can see a lot of the components are the component tray can be added, but should still commonly used buttons, text, images and icons that. As property bar slidably button group, only one position is very simple container. Ah, the election or to vote for the left and right of it? Demo is located on the right, of course, changed to the left becomes the right thing slip. Not satisfied with this, I try to add a set of two buttons on the left one on the right, then I can successfully unlocked sliding container swinging left and right. However, after the right and left slide buttons slidably I turn two groups are on the one side, the two components of the back button group which is superimposed together. It seems a little skin, it could have been placed inside a set of buttons on the side of not enough thing. But then goods products, fine chemicals, then I can do two sets of sliding button group, and then display only one thing to let another hidden, that the effect is not more refined in different scenarios. Also, this property is bound data, but only two options left right? Unsurprisingly, his data binding is a boolean variable is true or false. Proven, true is left, false is right . (False is right I feel like reading a joke of it, which is what the designers stay eggs)

4. fit for container loop created message list
message list in the last demo is also in line with the cycle for the container to create a function, after all, a message list there will be many messages, each one should correspond to a sliding container, using a loop to create several multi-out, the effect of a message list is complete.
5. Conclusion
To summarize it, the container can be relatively easy to slide a widget to master, but ivx There are many other commonly used functions to expand the assembly, after the study found that more than going to try. Not only of the most basic ways, or with a basis to achieve the ranks of the button, although a similar effect can do it, but certainly will be more complex and time-consuming.