Sometimes you might want to group some controls to better align them or move them all at once. A workaround would be to rotate a control in a drawing application and then import it as an image. If you feel that you need to rotate any other control, let us know on this forum thread and we'll discuss whether to add it together. In fact, adding the ability to rotate any control will likely result in wireframes that are very hard if not impossible to implement by the development team. We don't support rotating all controls because we believe that in 90% of cases, it is not needed in wireframes. This limitation is intentional, and not due to programming complexity (it's not hard to add technically). If you are used to generic drawing tools this might be surprising. Some of the UI controls can be rotated via the Property Inspector (the label, image, and icon controls, for example), but many can't. Alternatively you can select "Delete" from the Edit menu. To remove some UI controls from the wireframe canvas, select them and hit the DELETE key. To unlock a control, right-click on it when your mouse cursor is over it or click the lock icon in the toolbar. This allows you to edit the control (by pressing ENTER or double-clicking) or change its properties from the Property Inspector. However, you can still select it by pressing CTRL/ ⌘ while clicking on it. You can lock a control by selecting it and choosing "Lock (control name)" from the context menu, or by clicking the lock icon in the toolbar.Īs a result, the control's position will be locked and you won't be able to select the control. Locking a control's position on the canvas can be useful for background controls that you want to stay in place. To do so, you select the controls you want to layer and select one of four layering commands available via the right-click menu or Property Inspector: Bring to Front, Bring Forward, Send Backward, and Send to Back. You can layer controls as if they were pieces of paper on the wireframe canvas. The same options are available in the property inspector when multiple controls are selected. You can align and distribute (space out) controls by selecting multiple controls and right-clicking to bring up the menu shown below. Select multiple controls and use this option to size all the selected controls to match the narrowest, widest, shortest, or tallest control in the selection. To resize one or more controls to match the size of another (to be the same width or height), you can use the "Resize To." function in the Edit menu. CTRL/ ⌘+ ALT+ ↑ ↓ ← → to resize in 1px increments, CTRL/ ⌘+ ALT+ SHIFT+ ↑ ↓ ← → for 10px increments.Īnother way to resize some controls to their "natural size" is to use the Auto-Size function found in the Property Inspector. You can also use the keyboard to resize selected controls. If you want to constrain proportions while dragging from a corner, hold SHIFT while dragging. You can just grab any edge or corner of the selection rectangle and drag it. If you ever want to temporarily disable this feature, you can hold down CTRL/ ⌘ while moving or resizing, and snapping will be turned off. This makes alignment a little easier and makes your wireframes generally look neater. When you move objects on the canvas, the editor tries to suggest alignment relative to other objects on the canvas using smart guides. You can move controls to be aligned in one direction by using the align tools shown below.You can move it with bigger steps (10 pixels) by holding down SHIFT and using your keyboard's ↑ ↓ ← → keys.You can "nudge it" one pixel at a time with your keyboard's ↑ ↓ ← → keys.You can drag it with your mouse (hold down SHIFT to maintain the original horizontal or vertical position).Once you have selected one or more UI controls, there are a few different ways to move it on the canvas. To add a control that is behind another control to the selection, right-click on the top control to bring up a menu that allows you to select controls behind it.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |