🎨 Tworzenie widoków🎨 Tworzenie widoków

use "android";

createView(type, props)createView(type, props)

Typy widokówView Types

TypType	Android Widget	OpisDescription
`"text"`	TextView	Tekst
`"button"`	Button	Przycisk
`"input"`	EditText	Pole tekstowe
`"image"`	ImageView	Obraz
`"switch"`	Switch	Przełącznik
`"checkbox"`	CheckBox	Checkbox
`"progress"`	ProgressBar	Progress
`"column"`	LinearLayout (V)	Układ pionowy
`"row"`	LinearLayout (H)	Układ poziomy
`"scroll"`	ScrollView	Scroll pionowy
`"card"`	CardView	Karta
`"divider"`	View	Linia oddzielająca
`"spacer"`	Space	Odstęp

Wspólne właściwościWspólne właściwości

{
    width: 200,       // dp lub "match"/"wrap"
    height: 100,      // dp lub "match"/"wrap"
    padding: 16,      // dp
    margin: 8,        // dp
    backgroundColor: "#FF0000",
    alpha: 0.8,
    visible: true,
    enabled: true
}
        

PrzykładyExamples

TextText

let text = createView("text", {
    text: "Nagłówek",
    textSize: 24,
    textColor: "#6200EE",
    bold: true,
    italic: false,
    gravity: "center"
});
        

ButtonButton

let btn = createView("button", {
    text: "Kliknij",
    backgroundColor: "#6200EE",
    textColor: "#FFFFFF",
    onClick: fn() {
        toast("Kliknięto!");
    }
});
        

InputInput

let input = createView("input", {
    hint: "Wpisz email...",
    inputType: "email",  // number, password, multiline
    onTextChanged: fn(text) {
        print("Wpisano: " + text);
    }
});
        

ImageImage

// Z drawable
let img = createView("image", {
    drawable: "my_image",
    width: 100,
    height: 100,
    scaleType: "centerCrop"
});

// Z URL
let urlImg = createView("image", {
    url: "https://example.com/image.png",
    width: 200,
    height: 200
});

// Z mipmap
let icon = createView("image", {
    mipmap: "ic_launcher"
});
        

LayoutsLayouts

let column = createView("column", {
    padding: 16,
    gravity: "center"
});

let row = createView("row", {
    gravity: "center_vertical"
});

addViewTo(column, createView("text", {text: "Item 1"}));
addViewTo(column, createView("text", {text: "Item 2"}));
        