Color Dots di MIT Inventor
1. Membuat Screen Awal
- Design Terlebih dahulu alat alat yang digunakan.
Component Type
|
Palette Group
|
What you'll name it
|
Component Settings
|
Label
|
User Interface
|
TitleLabel
|
Change Properties to FontBold and
set FontSize to 16, TextAlignment to center, and Width to Fill parent
|
HorizontalArrangement
|
Layout
|
HorizontalArrangement1
|
Set Width to Fill Parent and
AlignHorizontal to Center
|
Label
|
User Interface
|
ColorLabel
|
|
Label
|
User Interface
|
ColorSample
|
|
Label
|
User Interface
|
DotSizeLabel
|
|
Label
|
User Interface
|
DotSizeValue
|
|
Canvas
|
Drawing and Animation
|
Canvas1
|
Set the width to Fill parent and
the height to 300 pixels
|
HorizontalArrangement
|
Layout
|
HorizontalArrangement2
|
Set Width to Fill Parent and
AlignHorizontal to Center
|
Button
|
User Interface
|
EraseButton
|
Set Text to "Erase"
|
Button
|
User Interface
|
openBrushPicker
|
Set Text to "Customize
Brush"
|
ListPicker
|
User Interface
|
ListPicker1
|
Set Text to "Stored
Colors"
|
TinyDB
|
Storage
|
TinyDB1
|
- Blocks alat alat tadi menjadi seperti dibawah ini.
2. Membuat Screen untuk Brush Picker.
- Design Terlebih dahulu alat alat yang digunakan.
Component Type
|
Palette Group
|
What you'll name it
|
Component Settings
|
Label
|
User Interface
|
RedLabel
|
|
TextBox
|
User Interface
|
Red
|
Set NumbersOnly
|
HorizontalArrangement
|
Layout
|
RedHorizontalArrangement
|
|
Label
|
User Interface
|
BlueLabel
|
|
TextBox
|
User Interface
|
Blue
|
Set NumbersOnly
|
HorizontalArrangement
|
Layout
|
BlueHorizontalArrangement
|
|
Label
|
User Interface
|
GreenLabel
|
|
TextBox
|
User Interface
|
Green
|
Set NumbersOnly
|
HorizontalArrangement
|
Layout
|
GreenHorizontalArrangement
|
|
VerticalArrangement
|
Layout
|
VerticalArrangement1
|
|
Canvas
|
Drawing and Animation
|
Canvas1
|
Set Width and Height to Fill parent
|
HorizontalArrangement
|
Layout
|
HorizontalArrangement1
|
Set Width to Fill parent
|
Label
|
User Interface
|
DotRadius
|
|
TextBox
|
User Interface
|
RadiusTextBox
|
Set NumbersOnly
|
HorizontalArrangement
|
Layout
|
RadiusHorizontalArrangement
|
|
Button
|
User Interface
|
TestColorButton
|
Set Text to "Test Color"
|
Label
|
User Interface
|
LabelTestColorSample
|
Set Width to Fill parent
|
HorizontalArrangement
|
Layout
|
TestHorizontalArrangement
|
Set Width to Fill parent
|
Button
|
User Interface
|
ResetColorButton
|
Set Text to "Reset Brush Selector"
|
Button
|
User Interface
|
ReturnToPainting
|
Set Text to "Return to Painting" and FontSize to 16
|
VerticalArrangement
|
Layout
|
VerticalArrangement2
|
Set Width to Fill Parent and AlignHorizontal to Center
|
Notifier
|
User Interface
|
Notifier1
|
|
TinyDB
|
Storage
|
TinyDB1
|
- Blocks alat alat tadi menjadi seperti dibawah ini.
3. Hasil
Komentar
Posting Komentar