BoTech.Docs.DesignerForAvalonia 1.0.0 Help

How To Use

Bo tech designer for avalonia with text

Loading an Avalonia Project

  • Please Navigate to the File Menu and the to the Open Menu.

  • Please enter the Path to your Project.

  • The file path should point to the main folder of the Avalonia project, so that the folders YourProjectName.Desktop, YourProjectName.Browser etc. are located in this file path.

  • Enter the Name of the Project in the EditBox below the Path Box and click Load.

  • Wait and click anywhere on the Window to close the MenuView.

Working with an .axaml File

Adding new Controls or Delete one.

Adding

  • When you want to add a new Control, you can select one from the ItemsExplorer.

  • Double-click on the TreeView Item.

  • Move your cursor over the Preview, so that the preview of the current Control appears.

  • Left click when you want to place the Control.

Deleting

  • To Delete a Control please navigate to the ViewHierarchy View.

  • right-click on the TreeViewItem which should be deleted.

  • Click Delete on the Context Menu.

  • Note: You can not revert your changes in V1.1.0

Copy and Paste

  • To Copy a Control navigate to the Hierarchy View and right-click on the Item you want to copy.

  • Click Copy on the Context Menu.

  • Chose a Control to paste the Copied Control in.

  • Right-click on this Control (Item) and click Paste.

Editing Properties

  • To Edit a property of a control, for example the Text Property, navigate to the hierarchy-view.

  • select the control with a double-left-click and go to the Properties View to change the property.

Status of these Features

  • All features are only tested with the TextBlock and Button Control.

  • I do not know how it works with the other Controls and Views I have not tested.

  • I hoppe that these features works correctly in V1.2.0.

Last modified: 23 Januar 2025