Sketchware Docs (Unofficial)
  • Introduction (Under Construction)
  • Official Docs
  • Introduction to Sketchware
    • Adding your app
    • Designing and Programming your app
  • Widgets and Layouts
    • Concept
    • Properties
    • List of Widgets and Layouts
  • Events
  • Blocks
    • Variable
    • List
    • Control
    • Operator
    • Math
    • File
    • View
    • Component
    • More Block
  • Components
    • About Components
    • Intent
    • SharedPreference
    • Calendar
    • Vibrator
    • Timer
    • Dialog
  • Configuration
  • AdMob Guide
  • Community
Powered by GitBook
On this page

Was this helpful?

  1. Widgets and Layouts

Concept

Widgets and Layouts

PreviousDesigning and Programming your appNextProperties

Last updated 4 years ago

Was this helpful?

Widgets and Layouts help to design your app. You can add available widgets just by dragging and dropping from the list as shown:

Fact: When the project is compiled, all the views are translated into XML. To view translated XML, go to Open your Project > Menu > Show Source Code

Layout

Linear Layout

By default, widgets are placed vertically on the screen. You can place widgets horizontally inside the Linear(H) layout and vertically inside the Linear(V) layout.

In "Pic.1", Linear (V) is used.

Scroll View

As the name suggests, contents in the scroll view are scrollable as shown:

A scroll view is a must-have for almost all apps.

If you are adding multiple contents in scroll view, it is necessary to add a linear layout and then your contents inside of it.

Example of Dragging (Pic.1)
Example picture taken from Official Docs. (Pic. 2)
Scrolling contents (Pic. 3)