On your layout, click on the Table control to select it. In Inspector, click on the lock on the right side to lock the right side of the Textfield to the right side of the screen. On your layout, click on the TextField to select it. Your locking properties should now look like this: This will keep it locked only to the right side. In that same section, click on the Lock on the left side to unlock the button from the left side of the screen. In the Locking section of the Inspector, click on the lock on the right side to lock the right side of the button to the right side of the screen. On your layout, click on the button to select it. It shares the same area on the right of the Workspace as the Library.Ĭlick the Inspector button in the upper-right corner of the window (or press ⌘- I on macOS or Ctrl- I on Windows and Linux) to display the Inspector. The Inspector is used to change screen and control properties. For this, you will need to change some control properties. Notice that the controls do not resize to fit the landscape orientation.Ĭlick the Portrait button to switch the Layout Editor back to portrait mode.įortunately, this is easy to do by locking controls to edges of the layout. You can either make your window wider or click on the More Items button on the right side of the Layout Editor's toolbar.Ĭlick the Landscape button. If you don't see the Portrait/Landscape buttons in the Layout Editor's toolbar, it's likely that your window is too small to show them. You can see this by switching the layout from portrait to landscape mode using the Landscape/Portrait buttons in the Layout Editor's toolbar: When they do, you will want your user interface to resize itself properly. Additionally, the user may rotate their device from portrait to landscape orientation. You will want your user interface to look good on all of them. You change an Inspector value by entering a new value in the field to the right of the field label.Īndroid devices come in a variety of different sizes. The contents of the Inspector change as you click on different items. The Inspector shows information about the selected item in the Navigator or Editor. You can show the Inspector by clicking the Inspector button on the toolbar. This area of the Workspace window is shared with the Library. Inspector: Not shown in the above image is the Inspector, which allows you to see and change the properties for the selected control. If the Library is not visible, click the Library button on the toolbar to show it. You can change how the controls display in the Library by clicking the small gear icon and choosing a different setting. You can also add a control to the Screen by double-clicking it. You design the Screen by dragging controls from the Library to the Screen layout. Library: The area on the right is the Library and shows the controls and interface elements that you can add to a Screen or to the project. In this image, the Screen is blank because you haven't yet added any user interface controls from the Library. It shows the Screen and previews how it looks when the app runs on an Android device. You use the Layout Editor to design the user interface for the Screens in your app. Layout Editor: The center area is the Layout Editor. You use the Navigator to navigate within your project. By default you can see Screen1 (which is selected), the App object, and the App Icon. Navigator: The area on the top left shows you all the items in your project. Xojo opens the Workspace with the default View for your app selected in the Navigator and displayed in the Layout Editor.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |