Grafické komponenty odpovídají prvkům, které umožní interakci uživatele se systémem, když mluvíme o GUI, máme na mysli grafická uživatelská rozhraní, proto jsou tato rozhraní sestavena prostřednictvím grafických prvků, jako jsou tlačítka, nabídky, ikony, textová pole, štítky atd. textu, GUI kombinuje vizuální design a události spojené s tímto designem, takže pokud přidáme tlačítko, musíme naprogramovat událost spojenou s tímto tlačítkem, když jej uživatel stiskne.
Jak již bylo zmíněno, zaměříme se na grafické komponenty, které se používají z XML souborů, podívejme se na některé výše zmíněné vlastnosti.
Základní vlastnosti.
Podívejme se na některé základní vlastnosti používané v grafických komponentách, ty lze aplikovat na jakoukoli komponentu bez ohledu na její typ, jak již bylo zmíněno, všechny komponenty jsou pohledy, takže sdílejí stejné vlastnosti, některé z nejpoužívanějších jsou:
android: id.
Velmi důležitá vlastnost, protože umožňuje definovat identifikátor pro ovládací prvek, tato vlastnost je přiřazena k libovolnému pohledu, například pokud je přiřazena k poli pro zadávání dat, pak bude použita k zachycení informací o uživateli, takže musíme použít rozlišovací název je jasný.
Správný způsob generování identifikátoru je následující:
android:id="@+id/miCampoDeTexto"
Symbol @+id/ znamená, že se generuje nový identifikátor, způsobí to třídu A. z balíku gen projektu vytvořte odkaz na tento objekt, aby s ním mohl později kód manipulovat.
V příkladu je identifikátor „mojeTextField” pro součást.
android:layout_width.
Definuje šířku spojenou s pohledem, je to povinná vlastnost a její hodnota může být definována v absolutních hodnotách nebo uvedením jedné z následujících dvou hodnot:
-
obsah zábal (Zabírá místo podle svého obsahu)
-
match_parent (Zabírá veškerý dostupný prostor)
Příklad:
android:layout_width="match_parent"žádnýandroid:layout_width="290dp"
android:layout_height.
Definuje výšku spojenou s pohledem, je to povinná vlastnost a její hodnotu lze definovat v absolutních hodnotách nebo uvedením jedné ze dvou následujících hodnot:
-
obsah zábal (Zabírá místo podle svého obsahu)
-
match_parent (Zabírá veškerý dostupný prostor)
Příklad:
android:layout_height="zabalit_obsah"žádnýandroid:layout_height="58dp"
android:layout_margin.
Definuje okraj pro komponent, což vám umožní vytvořit prostor nad, pod a po jeho stranách, jako varianty, pokud chcete poskytnout nezávislé mezery, to lze provést pomocí vlastností marginLeft, marginRight, marginTop nebo marginBottom (nebo all).
Příklad: android:layout_margin="20dp" | android:layout_marginTop="20dp" | android:layout_marginLeft="20dp" | android:layout_marginRight="20dp" | android:layout_marginBottom="20dp"
android: tip.
Tato vlastnost umožňuje zobrazit text v ovládacím prvku jako pomůcku, když uživatel ještě nezadal informace. (Přednost před textovou vlastností)
Příklad: android:hint="Zadejte jméno"
android:inputType.
Určuje typ vstupu, který bude povolen pro textové pole, umožňuje určitý typ ověření dat a také říká operačnímu systému, jaký typ (virtuální) klávesnice by měl být použit.
Mezi možnosti, které můžeme spojit s touto vlastností, jsou některé jako:
- Text
- číslo
- textura
- Textové heslo
- telefon
- Setkání
- TextEmailAddress
Existuje mnoho dalších možností, které lze použít v závislosti na potřebě.
Příklad: android:inputType="číslo" | android:inputType="textEmailAddress"
android:velikost textu.
Definuje velikost textu, který se má zobrazit na obrazovce, je třeba vzít v úvahu jednotky měření tam, kde se pro texty používá sp
Příklad: android:textSize="25sp"
android:styletext.
Definuje styl textu, přičemž je schopen definovat text jako normální, tučné, kurzíva (nebo obojí).
Příklad: android:textStyle="bold" | android:textStyle="italic" | android:textStyle="bold|italic"
android:textColor.
Definuje barvu pro text, přičemž může přidat barvu ze souboru vlastností „colors“ nebo hexadecimální hodnotu
Příklad: android:textColor="@color/teal_700" | android:textColor="#9C27B0"
android:backgroundTint.
Definuje barvu pozadí komponenty, barvu můžete také získat z vlastností „colors“ nebo hexadecimální hodnoty
Příklad: android:backgroundTint="@color/teal_200" | android:backgroundTint="#FF5722"
android:text.
Definuje textový obsah spojený s pohledem. Přestože jeho hodnotu lze přiřadit přímo, důrazně se doporučuje použít soubor řetězce dostupný ve složce zdrojů.
Příklad: android:text="Bienvenidos" | android:text="@string/title"
Tato vlastnost je běžná v pohledech, které zobrazují text v rozhraní zařízení. Následující obrazovka ukazuje zdrojový soubor strings.xml, do kterého jsou přidány různé hodnoty pro texty
a později jsou tyto hodnoty přístupné z pohledů
Po vymazání předchozích vlastností se podíváme, jaké jsou základní grafické komponenty
Knoflík.
Ty odpovídají základním tlačítkům, která známe, pouze představují tlačítko s vnitřním textem a definovaným okrajem.
Tlačítko by plnilo základní funkci čekání na událost při jeho stisku.
Přepínací tlačítko
Typ ToggleButton odpovídá typu tlačítka, které lze udržovat ve 2 možných stavech, stisknuté nebo nestisknuté, k tomu není definována pouze jediná textová vlastnost, ale 2 v závislosti na stavu, který aktuálně má, pomocí vlastností androidu. : textOn a android:textOff.
Stejně jako tradiční tlačítka lze ToggleButton naprogramovat tak, aby reagovalo na událost kliknutí, ale pravděpodobně potřebujete vědět, v jakém stavu se nachází. To lze provést odkazem na metodu isChecked(), která vrací hodnotu true v případě, že je stisknuta a v opačném případě false.
dojíždět
Tento ovládací prvek může simulovat přepínač velmi podobný tomu, jak funguje ToggleButton, ale s jiným vizuálním vzhledem.
Mějte na paměti, že v závislosti na verzi systému Android, kterou používáme, se může vzhled našich komponent změnit, v takovém případě by ovládací prvek Switch pro Android verze 5.0 a vyšší vypadal takto:
ImageButton
Tento typ tlačítka vám umožňuje propojit s ním obrázek, který se uživateli zobrazí místo textu, jak je běžné, k tomu můžeme vzít obrázek ze složek /res/drawable a načíst jej pomocí vlastnosti android:src, v v tomto případě použijeme obrázek přímo ze zdrojů Androidu.
TextView
Ty odpovídají základním textovým štítkům, které se zobrazují uživatelům, tyto v jiných jazycích jsou známé jako štítky a umožňují zobrazit text spojený s vlastností android:text, tyto štítky mají další vlastnosti, které umožňují manipulovat s jejich velikostí, barva pozadí, barva a typ písma, styl atd.
Upravit text
Zobrazení Android EditText je ekvivalentní k ASP a C# Textbox nebo JAVA JTextField, je to ovládací prvek, který umožňuje zachycení textu zadaného uživatelem za běhu.
výběrové pole
Ovládací prvek zaškrtávacího políčka se používá k výběru nebo zrušení výběru možností v aplikaci. Způsob, jak jej definovat v rozhraní a vlastnosti dostupné pro manipulaci pomocí kódu, jsou analogické těm, které jsou komentovány v ovládacím prvku ToogleButton.
Tento ovládací prvek dědí z ovládacího prvku TextView, takže všechny možnosti formátování již zmíněné pro tento ovládací prvek jsou platné i pro zaškrtávací políčko.
V kódu aplikace můžete zkontrolovat, zda je tento ovládací prvek vybrán nebo ne, pomocí metody isChecked(), která vrací hodnotu SKUTEČNÝ pokud jste byli vybráni popř Nepravdivé jinak můžete také použít metodu setChecked(value) k nastavení konkrétního stavu pro ovládací prvek, kde hodnota SKUTEČNÝ by bylo pro vybrané a Nepravdivé tím, že není vybráno.
Událost, která je normálně naprogramována pro tento ovládací prvek a která se provede pokaždé, když se jeho stav změní (vybraný/nevybraný), je onCheckedChanged.
přepínač
Stejně jako ovládací prvek CheckBox se RadioButton používá k výběru nebo zrušení výběru určité možnosti, rozdíl spočívá v typu výběru, který chcete provést. Přepínače se běžně používají ve skupinách k definování sady možností, ze kterých můžete vybrat pouze jednu, tj. každá možnost se vzájemně vylučuje, takže při výběru možnosti se automaticky zruší výběr té, která byla vybrána dříve. Tyto skupiny jsou definovány prvkem RadioGroup, který zase bude obsahovat všechny prvky RadioButton, které představují možnosti.
RadioGroups může nastavit vlastnost android:orientation na „vertical“ nebo „Horizontal“ a určit, jak budou rádiová tlačítka, která obsahuje, seřazena.
RadioButton zase musí kromě šířky a výšky definovat vlastnost android:text pro přiřazení textu možnosti, která je reprezentována, a android:id pro přiřazení kódu k ovládacímu prvku, aby s ním bylo možné manipulovat z aplikace. logika.
Pro manipulaci s ovládáním z aplikační logiky lze použít různé metody, mezi nimiž najdeme check(Chtěl bych jít), který se používá k definování přepínacího tlačítka identifikovaného pomocí id, které je předáno jako parametr podle výběru, metoda clearCheck() se používá k odznačení všech přepínacích tlačítek ve skupině a metoda getCheckedRadioButtonId() se používá k získání id přepínacího tlačítka. která je ve vybrané skupině nebo hodnota -1, pokud není vybrána žádná položka.
Nejdůležitější událostí tohoto ovládacího prvku je také onCheckedChanged, která se spustí, když je vybrán prvek ve skupině (pamatujte, že výběr jednoho prvku ve skupině znamená zrušení výběru jiného prvku).
A je to, to jsou některé ze základních grafických komponent, které budeme používat v průběhu celého kurzu, v dalších příspěvcích budeme pokračovat dalšími komponentami či layouty.
Může vás to také zajímat.
Chcete k tomuto příspěvku něco přidat nebo okomentovat? klidně udělej….A pokud se vám to líbilo... zvu vás ke sdílení Y Přihlaste se k odběru kliknutím na tlačítko „Připojit se k tomuto webu“, abyste slyšeli více podobných příspěvků 😉