Komponen grafik sepadan dengan elemen yang akan membolehkan pengguna berinteraksi dengan sistem, apabila kita bercakap tentang GUI kita merujuk kepada antara muka pengguna grafik, oleh itu antara muka ini dibina melalui elemen grafik seperti butang, menu, ikon, medan teks, label, dsb. teks antara lain, GUI menggabungkan reka bentuk visual dan peristiwa yang berkaitan dengan reka bentuk itu, jadi jika kita menambah butang, kita mesti memprogram acara yang dikaitkan dengan butang itu apabila ia ditekan oleh pengguna.
Seperti yang dinyatakan, mari kita fokus pada komponen grafik yang digunakan daripada fail XML, mari lihat beberapa sifat yang disebutkan di atas.
Sifat asas.
Mari lihat beberapa sifat asas yang digunakan dalam komponen grafik, ini boleh digunakan pada mana-mana komponen tanpa mengira jenisnya, kerana seperti yang dinyatakan semua komponen adalah Views supaya ia berkongsi sifat yang sama, beberapa yang paling banyak digunakan ialah:
android: id.
Sifat yang sangat penting kerana ia membenarkan penentuan pengecam untuk kawalan, sifat ini diperuntukkan kepada mana-mana paparan, contohnya jika ia diperuntukkan kepada medan kemasukan data maka ini akan digunakan untuk menangkap maklumat pengguna, jadi kita mesti menggunakan nama yang membezakannya. adalah jelas.
Cara yang betul untuk menghasilkan pengecam adalah seperti berikut:
android:id="@+id/miTextField"
Simbol @+id/ bermakna pengecam baharu sedang dijana, ini akan menjadikan kelas R. daripada pakej gen projek, buat rujukan kepada objek ini supaya ia kemudian boleh dimanipulasi oleh kod.
Dalam contoh, pengecam "myTextField” untuk komponen.
android:layout_width.
Mentakrifkan lebar yang dikaitkan dengan pandangan, ia adalah harta wajib dan nilainya boleh ditakrifkan dalam nilai mutlak atau dengan menunjukkan salah satu daripada dua nilai berikut:
-
bungkus_kandungan (Ia menduduki ruang mengikut kandungannya)
-
match_parent (Menempati semua ruang yang ada)
Contoh:
android:layout_width="match_parent"mana-manaandroid:layout_width="290dp"
android:layout_height.
Mentakrifkan ketinggian yang dikaitkan dengan pandangan, ia adalah harta wajib dan nilainya boleh ditakrifkan dalam nilai mutlak atau menunjukkan salah satu daripada dua nilai berikut:
-
bungkus_kandungan (Ia menduduki ruang mengikut kandungannya)
-
match_parent (Menempati semua ruang yang ada)
Contoh:
android:layout_height="wrap_content"mana-manaandroid:layout_height="58dp"
android:layout_margin.
Mentakrifkan margin untuk komponen, membenarkan untuk mewujudkan ruang di atas, di bawah dan di sisinya, sebagai varian sekiranya anda ingin memberikan ruang bebas, ia boleh dilakukan menggunakan sifat marginLeft, marginRight, marginTop atau marginBottom (atau semua)
Contoh: android:layout_margin="20dp" | android:layout_marginTop="20dp" | android:layout_marginLeft="20dp" | android:layout_marginRight="20dp" | android:layout_marginBottom="20dp"
android: tip.
Sifat ini membenarkan teks dipaparkan dalam kawalan sebagai bantuan semasa pengguna masih belum memasukkan maklumat. (Diutamakan berbanding sifat teks)
Contoh: android:hint="Masukkan nama"
android:inputType.
Ia menentukan jenis input yang akan dibenarkan untuk kotak teks, ini membolehkan beberapa jenis pengesahan data dan juga memberitahu sistem pengendalian jenis papan kekunci (maya) yang hendak digunakan.
Antara pilihan yang boleh kami kaitkan dengan hartanah ini adalah seperti:
- Teks
- nombor
- tekstur
- kata laluan teks
- telefon
- mesyuarat
- TextEmailAddress
Terdapat banyak pilihan lain yang boleh digunakan bergantung kepada keperluan.
Contoh: android:inputType="nombor" | android:inputType="textEmailAddress"
android:textSize.
Mentakrifkan saiz untuk teks yang akan dipaparkan pada skrin, unit ukuran mesti diambil kira di mana sp digunakan untuk teks
Contoh: android:textSize="25sp"
android:styletext.
Mentakrifkan gaya untuk teks, dapat mentakrifkan teks sebagai biasa, tebal, condong (atau kedua-duanya).
Contoh: android:textStyle="bold" | android:textStyle="italic" | android:textStyle="bold|italic"
android:textColor.
Mentakrifkan warna untuk teks, dapat menambah warna daripada fail sifat "warna" atau nilai perenambelasan
Contoh: android:textColor="@color/teal_700" | android:textColor="#9C27B0"
android:backgroundTint.
Mentakrifkan warna latar belakang untuk komponen, anda juga boleh mendapatkan warna daripada sifat "warna" atau nilai perenambelasan
Contoh: android:backgroundTint="@color/teal_200" | android:backgroundTint="#FF5722"
android:text.
Mentakrifkan kandungan teks yang dikaitkan dengan paparan. Walaupun nilainya boleh ditetapkan secara langsung, sangat disyorkan untuk menggunakan fail rentetan yang tersedia dalam folder sumber.
Contoh: android:text="Bienvenidos" | android:text="@string/title"
Sifat ini biasa dalam paparan yang memaparkan teks dalam antara muka peranti. Skrin berikut menunjukkan fail sumber strings.xml di mana nilai berbeza untuk teks ditambahkan
dan kemudian nilai ini diakses daripada pandangan
Selepas mengosongkan sifat sebelumnya, mari kita lihat apakah komponen grafik asas.
Butang.
Ini sepadan dengan butang asas yang kita tahu, ia hanya menunjukkan butang dengan teks dalamannya dan margin yang ditentukan.
Butang itu akan memenuhi fungsi asas menunggu acara apabila ditekan.
butang togol
Jenis ToggleButton sepadan dengan jenis butang yang boleh disimpan dalam 2 keadaan yang mungkin, ditekan atau tidak ditekan, kerana ini bukan sahaja satu sifat teks ditakrifkan, tetapi 2 bergantung pada keadaan yang dimilikinya pada masa ini, menggunakan sifat android: textOn dan android:textOff.
Seperti butang tradisional, ToggleButton boleh diprogramkan untuk bertindak balas kepada acara klik, tetapi anda mungkin hanya perlu mengetahui keadaannya. Ini boleh dilakukan dengan merujuk kaedah isChecked() , yang mengembalikan nilai benar sekiranya ditekan dan palsu sebaliknya.
ulang alik
Kawalan ini boleh mensimulasikan suis yang hampir sama dengan cara ToggleButton berfungsi, tetapi dengan penampilan visual yang berbeza.
Ingat bahawa bergantung pada versi Android yang kami gunakan, penampilan visual komponen kami boleh berubah, dalam kes ini pengawal Suis untuk Android versi 5.0 dan lebih tinggi akan kelihatan seperti ini:
Butang Imej
Butang jenis ini membolehkan anda memautkan imej kepadanya untuk ditunjukkan kepada pengguna dan bukannya teks seperti biasa, untuk ini kita boleh mengambil imej dari folder /res/drawable dan memuatkannya menggunakan sifat android:src, dalam kes ini kami akan menggunakan imej terus daripada sumber Android.
TextView
Ini sepadan dengan label teks asas yang ditunjukkan kepada pengguna, ini dalam bahasa lain dikenali sebagai label dan membenarkan memaparkan teks yang dikaitkan dengan sifat android:text, label ini mempunyai sifat lain yang membolehkan anda memanipulasi saiz, latar belakangnya. warna, warna dan jenis fon, gaya, dsb.
mengedit teks
Paparan Android EditText adalah bersamaan dengan ASP dan C# Textbox atau JAVA JTextField, ia adalah kawalan yang membolehkan menangkap teks yang ditaip oleh pengguna pada masa jalan.
kotak pilihan
Kawalan kotak semak digunakan untuk menyemak atau menyahtanda pilihan dalam aplikasi. Cara untuk mentakrifkannya dalam antara muka dan sifat yang tersedia untuk manipulasinya melalui kod adalah serupa dengan yang diulas dalam kawalan ToogleButton.
Kawalan ini mewarisi daripada kawalan TextView, jadi semua pilihan pemformatan yang telah disebutkan untuk kawalan ini juga sah untuk Kotak semak.
Dalam kod aplikasi, anda boleh menyemak sama ada kawalan ini dipilih atau tidak melalui kaedah isChecked() yang mengembalikan nilai BENAR jika anda dipilih atau salah jika tidak, anda juga boleh menggunakan kaedah setChecked(value) untuk menetapkan keadaan tertentu untuk kawalan, di mana nilai BENAR akan untuk dipilih dan salah dengan tidak dipilih.
Acara yang biasanya diprogramkan untuk kawalan ini dan yang dilaksanakan setiap kali keadaannya berubah (dipilih / tidak dipilih) adalah onCheckedChanged.
butang radio
Seperti kawalan Kotak Semak, RadioButton berfungsi untuk menyemak atau menyahtanda pilihan yang diberikan, perbezaannya adalah pada jenis pemilihan yang ingin anda buat. RadioButtons biasanya digunakan dalam kumpulan untuk menentukan satu set pilihan yang mana anda hanya boleh memilih satu, iaitu setiap pilihan adalah saling eksklusif, jadi apabila memilih pilihan, pilihan yang telah dipilih sebelum ini akan dinyahtandai secara automatik. Kumpulan ini ditakrifkan oleh elemen RadioGroup, yang seterusnya akan mengandungi semua elemen RadioButton yang mewakili pilihan.
RadioGroups boleh menetapkan sifat android:orientation kepada "Menegak" atau "Mendatar" untuk menentukan cara RadioButton yang terkandung di dalamnya akan dipesan.
RadioButton pula, sebagai tambahan kepada lebar dan tinggi, mesti menentukan sifat android:text untuk mengaitkan teks pilihan yang diwakili dan android:id untuk mengaitkan kod dengan kawalan supaya ia boleh dimanipulasi daripada logik aplikasi.
Untuk memanipulasi kawalan daripada logik aplikasi, kaedah yang berbeza boleh digunakan, antaranya kami dapati semak(saya akan pergi) yang digunakan untuk menetapkan radiobutton yang dikenal pasti dengan id yang diluluskan sebagai parameter seperti yang dipilih, kaedah clearCheck() digunakan untuk menyahtanda semua radiobutton dalam kumpulan dan kaedah getCheckedRadioButtonId() digunakan untuk mendapatkan id bagi radiobutton yang berada dalam kumpulan yang dipilih atau nilai -1 jika tiada item dipilih.
Peristiwa paling penting dalam kawalan ini juga ialah onCheckedChanged, yang dicetuskan apabila elemen kumpulan dipilih (ingat bahawa pemilihan elemen kumpulan menunjukkan penyahpilihan elemen lain).
Dan itu sahaja, ini adalah beberapa komponen grafik asas yang akan kami gunakan sepanjang kursus, dalam catatan seterusnya kami akan meneruskan dengan komponen atau susun atur yang lain.
Ia juga mungkin menarik minat anda.
Adakah anda ingin menambah atau mengulas tentang entri ini? berasa bebas untuk melakukan….Dan jika anda menyukainya... Saya menjemput anda untuk berkongsi Y Langgan dengan mengklik butang "Sertai tapak ini" untuk mendengar lebih banyak siaran seperti ini 😉