A grafikus komponensek azoknak az elemeknek felelnek meg, amelyek lehetővé teszik a felhasználó számára a rendszerrel való interakciót, amikor GUI-ról beszélünk a grafikus felhasználói felületekre utalunk, ezért ezek az interfészek grafikus elemekből épülnek fel, mint például gombok, menük, ikonok, szövegmezők, címkék stb. Többek között szöveges, a grafikus felhasználói felület egyesíti a látványtervet és az ahhoz kapcsolódó eseményeket, így ha hozzáadunk egy gombot, akkor a gombhoz társított eseményt programoznunk kell, amikor a felhasználó megnyomja.
Mint már említettük, koncentráljunk az XML-fájlokból használt grafikus komponensekre, lássunk néhány fent említett tulajdonságot.
Alaptulajdonságok.
Lássunk néhány alapvető tulajdonságot, amelyek a grafikus komponensekben használatosak, ezek bármely komponensre alkalmazhatók, annak típusától függetlenül, mert mint említettük, minden komponens Nézet, így ugyanazokkal a tulajdonságokkal rendelkeznek, a leggyakrabban használtak:
android: id.
Nagyon fontos tulajdonság, mert lehetővé teszi egy azonosító megadását a vezérlő számára, ez a tulajdonság bármely nézethez hozzárendelődik, például ha adatbeviteli mezőhöz van hozzárendelve, akkor ez a felhasználói információk rögzítésére szolgál, ezért megkülönböztető nevet kell használnunk. tiszta.
Az azonosító létrehozásának helyes módja a következő:
android:id="@+id/miTextField"
A szimbólum @+id/ azt jelenti, hogy új azonosító generálódik, ez teszi az osztályt R. a projekt gen csomagjából hozzon létre egy hivatkozást erre az objektumra, hogy később kóddal kezelhető legyen.
A példában az azonosító "myTextField” az alkatrészhez.
android:layout_width.
Meghatározza a nézethez tartozó szélességet, ez egy kötelező tulajdonság, értéke abszolút értékben vagy a következő két érték valamelyikének megadásával definiálható:
-
wrap_content (Tartalmának megfelelően elfoglalja a helyet)
-
match_parent (Az összes rendelkezésre álló helyet elfoglalja)
Példa:
android:layout_width="match_parent"Bármiandroid:layout_width="290dp"
android:layout_height.
Meghatározza a nézethez tartozó magasságot, ez egy kötelező tulajdonság, értéke abszolút értékben definiálható, vagy az alábbi két érték valamelyikét jelezve:
-
wrap_content (Tartalmának megfelelően elfoglalja a helyet)
-
match_parent (Az összes rendelkezésre álló helyet elfoglalja)
Példa:
android:layout_height="wrap_content"Bármiandroid:layout_height="58dp"
android:layout_margin.
Meghatároz egy margót a komponens számára, lehetővé téve egy szóköz létrehozását felette, alatta és oldalain, változatként arra az esetre, ha független szóközöket szeretne adni, ez megtehető a marginLeft, marginRight, marginTop vagy marginBottom (vagy mind) tulajdonságokkal.
Példa: android:layout_margin="20dp" | android:layout_marginTop="20dp" | android:layout_marginLeft="20dp" | android:layout_marginRight="20dp" | android:layout_marginBottom="20dp"
android: tipp.
Ez a tulajdonság lehetővé teszi szöveg megjelenítését a vezérlőben segítségként, miközben a felhasználó még nem adott meg információkat. (előnyösebb a szöveg tulajdonsággal szemben)
Példa: android:hint="Írja be a nevet"
android:inputType.
Meghatározza, hogy milyen típusú bevitel engedélyezett a szövegdobozhoz, ez lehetővé teszi valamilyen adatellenőrzést, és azt is megmondja az operációs rendszernek, hogy milyen típusú (virtuális) billentyűzetet használjon.
Az ehhez a tulajdonsághoz társítható lehetőségek közül néhány, például:
- Szöveg
- szám
- struktúra
- szöveges jelszó
- telefon
- találkozó
- TextEmailAddress
Sok más lehetőség is használható az igénytől függően.
Példa: android:inputType="szám" | android:inputType="textEmailAddress"
android:textSize.
Meghatározza a képernyőn megjelenítendő szöveg méretét, a mértékegységeket figyelembe kell venni, ahol az sp értéket használunk szövegekhez
Példa: android:textSize="25sp"
android:styletext.
Meghatározza a szöveg stílusát, és képes a szöveget normál, félkövér, dőlt betűként (vagy mindkettőként) meghatározni.
Példa: android:textStyle="bold" | android:textStyle="dőlt" | android:textStyle="bold|dőlt"
android:textColor.
Meghatározza a szöveg színét, és képes hozzáadni egy színt a „colors” tulajdonságfájlból vagy egy hexadecimális értéket
Példa: android:textColor="@color/teal_700" | android:textColor="#9C27B0"
android:backgroundTint.
Meghatározza a komponens háttérszínét, a színt a „színek” tulajdonságaiból vagy hexadecimális értékből is megkaphatja
Példa: android:backgroundTint="@color/teal_200" | android:backgroundTint="#FF5722"
android:text.
Meghatározza a nézethez társított szöveges tartalmat. Bár értéke közvetlenül hozzárendelhető, erősen ajánlott az erőforrások mappában található karakterlánc-fájl használata.
Példa: android:text="Bienvenidos" | android:text="@string/title"
Ez a tulajdonság gyakori azokban a nézetekben, amelyek szöveget jelenítenek meg az eszköz felületén. A következő képernyőn a strings.xml erőforrásfájl látható, ahol a szövegek különböző értékei vannak hozzáadva
és később ezek az értékek a nézetekből érhetők el
Az előző tulajdonságok törlése után nézzük meg, melyek az alapvető grafikus komponensek.
Gomb.
Ezek megfelelnek az általunk ismert alapgomboknak, csak egy gombot mutat a belső szövegével és egy meghatározott margóval.
A gomb azt az alapvető funkciót töltené be, hogy megnyomva várjon egy eseményre.
váltó gomb
A ToggleButton típus egy olyan gombtípusnak felel meg, amely 2 lehetséges állapotban tartható, lenyomva vagy lenyomva, ehhez nem csak egy szövegtulajdonság van definiálva, hanem 2 attól függően, hogy éppen milyen állapotban van, a az android:textOn és android:textOff.
A hagyományos gombokhoz hasonlóan a ToggleButton is programozható úgy, hogy reagáljon a kattintási eseményre, de valószínűleg csak tudnia kell, hogy milyen állapotban van. Ezt megteheti az isChecked() metódus segítségével, amely a megnyomott esetben true értéket ad vissza, egyébként pedig false értéket.
ingázik
Ez a vezérlő a ToggleButton működéséhez nagyon hasonló kapcsolót szimulálhat, de eltérő vizuális megjelenéssel.
Ne feledje, hogy az általunk használt Android verziótól függően komponenseink vizuális megjelenése változhat, ebben az esetben az Android 5.0 és újabb verzióihoz készült Switch vezérlő így néz ki:
ImageButton
Ez a fajta gomb lehetővé teszi, hogy a megszokott módon szöveg helyett egy képet kapcsoljunk hozzá, amit a felhasználónak megmutatunk, ehhez a /res/drawable mappákból ki tudjuk venni a képet és az android:src tulajdonság segítségével betöltjük, ebben az esetben közvetlenül Android-forrásokból származó képet fogunk használni.
TextView
Ezek megfelelnek a felhasználók számára megjelenített alapvető szöveges címkéknek, más nyelveken ezeket címkéknek nevezik, és lehetővé teszik az android:text tulajdonsághoz társított szöveg megjelenítését, ezek a címkék más tulajdonságokkal is rendelkeznek, amelyek lehetővé teszik a méretük és a háttér módosítását. szín, szín és betűtípus, stílus stb.
szöveg szerkesztése
Az Android EditText nézet megegyezik az ASP és C# Textbox vagy JAVA JTextField nézetével, ez egy olyan vezérlő, amely lehetővé teszi a felhasználó által futás közben beírt szöveg rögzítését.
választódoboz
A jelölőnégyzet vezérlője az alkalmazásokban lévő opciók bejelölésére vagy a bejelölések eltávolítására szolgál. Az interfészen való definiálás módja és a kóddal történő manipulálásához rendelkezésre álló tulajdonságok hasonlóak a ToogleButton vezérlőben leírtakhoz.
Ez a vezérlő a TextView vezérlőtől öröklődik, így az ehhez a vezérlőhöz már említett formázási lehetőségek a jelölőnégyzetre is érvényesek.
Az alkalmazás kódjában ellenőrizheti, hogy ez a vezérlő ki van-e választva az isChecked() metódussal, amely a IGAZ ha kiválasztottak vagy hamis egyébként a setChecked(value) metódussal is beállíthat egy adott állapotot a vezérlő számára, ahol érték IGAZ lenne a kiválasztott és hamis által nem választott.
Az az esemény, amely általában ehhez a vezérléshez van programozva, és amely minden állapotváltozáskor végrehajtódik (kiválasztva / nincs kiválasztva), az onCheckedChanged.
Rádiógomb
A CheckBox vezérlőhöz hasonlóan a RadioButton is egy adott opció bejelölésére vagy kijelölésének törlésére szolgál, a különbség a kiválasztani kívánt típusban van. A RadioButtonokat általában csoportokban használják, hogy meghatározzák az opciók készletét, amelyek közül csak egyet választhat ki, azaz mindegyik opció kölcsönösen kizárja egymást, így egy opció kiválasztásakor az előzőleg kiválasztott opció automatikusan törlődik. Ezeket a csoportokat a RadioGroup elem határozza meg, amely viszont tartalmazza az összes opciót képviselő RadioButton elemet.
A RadioGroups beállíthatja az android:orientation tulajdonságot „Függőleges” vagy „Vízszintes” értékre annak meghatározásához, hogy a benne található RadioButtons hogyan legyen rendezve.
A RadioButtonnak viszont a szélességen és magasságon kívül meg kell határoznia az android:text tulajdonságot is, hogy társítsa a megjelenített opció szövegét, és az android:id tulajdonságot, hogy kódot rendeljen a vezérlőhöz, hogy az az alkalmazás logikájából manipulálható legyen.
A vezérlés alkalmazáslogikából történő manipulálásához különböző metódusok használhatók, amelyek között megtalálható a check(én is megyek), amely az azonosított rádiógomb beállítására szolgál a paraméterként átadott azonosítóval, a clearCheck() metódus a csoportban lévő összes választógomb kijelölésének törlésére szolgál, a getCheckedRadioButtonId() metódus pedig a csoport azonosítójának lekérésére szolgál. rádiógombot, amely a kiválasztott csoporton belül van, vagy -1 értékét, ha nincs kiválasztva elem.
Ennek a vezérlőnek a legfontosabb eseménye egyben az onCheckedChanged, amely a csoport egy elemének kiválasztásakor indul el (ne feledjük, hogy a csoport egy elemének kiválasztása egy másik elem kijelölésének megszüntetését jelzi).
És ennyi, ezek az alapvető grafikai komponensek, amiket a tanfolyam során fogunk használni, a következő bejegyzésekben más komponensekkel vagy elrendezésekkel folytatjuk.
Ez is érdekelheti.
Van valami hozzáfűzni vagy megjegyzést tenni ehhez a bejegyzéshez? nyugodtan tedd….És ha tetszett... Meghívlak, hogy oszd meg Y Iratkozzon fel a „Csatlakozás ehhez az oldalhoz” gombra kattintva, hogy több ehhez hasonló bejegyzést hallhasson 😉