გრაფიკული კომპონენტები შეესაბამება იმ ელემენტებს, რომლებიც საშუალებას მისცემს მომხმარებლის ინტერაქციას სისტემასთან, როდესაც ვსაუბრობთ GUI-ზე, ჩვენ ვგულისხმობთ მომხმარებლის გრაფიკულ ინტერფეისებს, ამიტომ ეს ინტერფეისები აგებულია გრაფიკული ელემენტების მეშვეობით, როგორიცაა ღილაკები, მენიუები, ხატები, ტექსტური ველები, ეტიკეტები და ა.შ. ტექსტთან ერთად, GUI აერთიანებს ვიზუალურ დიზაინს და ამ დიზაინთან დაკავშირებულ მოვლენებს, ასე რომ, თუ ღილაკს დავამატებთ, ჩვენ უნდა დავაპროგრამოთ ამ ღილაკთან დაკავშირებული მოვლენა, როდესაც მას დააჭერს მომხმარებელი.
როგორც აღვნიშნეთ, ჩვენ ყურადღებას გავამახვილებთ გრაფიკულ კომპონენტებზე, რომლებიც გამოიყენება XML ფაილებიდან, მოდით გადავხედოთ ზემოთ ნახსენები რამდენიმე თვისებას.
ძირითადი თვისებები.
მოდით გადავხედოთ გრაფიკულ კომპონენტებში გამოყენებულ რამდენიმე ძირითად თვისებას, მათი გამოყენება შესაძლებელია ნებისმიერ კომპონენტზე, მიუხედავად მისი ტიპისა, როგორც აღვნიშნეთ, ყველა კომპონენტი არის Views, ამიტომ მათ აქვთ იგივე თვისებები, ზოგიერთი ყველაზე ხშირად გამოყენებულია:
ანდროიდი: id.
ძალიან მნიშვნელოვანი თვისებაა, რადგან ის საშუალებას გაძლევთ განსაზღვროთ იდენტიფიკატორი კონტროლისთვის, ეს თვისება ენიჭება ნებისმიერ ხედს, მაგალითად, თუ იგი მინიჭებულია მონაცემთა შეყვანის ველზე, მაშინ ის გამოყენებული იქნება მომხმარებლის ინფორმაციის მისაღებად, ამიტომ ჩვენ უნდა გამოვიყენოთ განმასხვავებელი სახელი გასაგებია.
იდენტიფიკატორის გენერირების სწორი გზა შემდეგია:
android:id="@+id/miCampoDeTexto"
სიმბოლო @+id/ ნიშნავს, რომ ახალი იდენტიფიკატორი გენერირდება, ეს გამოიწვევს კლასს ა. პროექტის gen პაკეტიდან შექმენით მითითება ამ ობიექტზე, რათა მოგვიანებით შესაძლებელი იყოს მისი მანიპულირება კოდით.
მაგალითში, იდენტიფიკატორი "myTextField” კომპონენტისთვის.
android:layout_width.
ის განსაზღვრავს ხედთან დაკავშირებულ სიგანეს, ეს არის სავალდებულო თვისება და მისი მნიშვნელობა შეიძლება განისაზღვროს აბსოლუტური მნიშვნელობებით ან შემდეგი ორი მნიშვნელობიდან ერთ-ერთის მითითებით:
-
wrap_content (იკავებს ადგილს მისი შინაარსის მიხედვით)
-
შესატყვისი_მშობელი (იკავებს ყველა ხელმისაწვდომ ადგილს)
მაგალითი:
android:layout_width="match_parent"ნებისმიერიandroid:layout_width="290dp"
android:layout_height.
განსაზღვრავს ხედთან დაკავშირებულ სიმაღლეს, ეს არის სავალდებულო თვისება და მისი მნიშვნელობა შეიძლება განისაზღვროს აბსოლუტური მნიშვნელობებით ან შემდეგი ორი მნიშვნელობიდან ერთ-ერთის მითითებით:
-
wrap_content (იკავებს ადგილს მისი შინაარსის მიხედვით)
-
შესატყვისი_მშობელი (იკავებს ყველა ხელმისაწვდომ ადგილს)
მაგალითი:
android:layout_height="wrap_content"ნებისმიერიandroid:layout_height="58dp"
android:layout_margin.
განსაზღვრავს ზღვარს კომპონენტისთვის, რომელიც საშუალებას გაძლევთ დააყენოთ სივრცე ზემოთ, ქვემოთ და მის გვერდებზე, როგორც ვარიანტები, თუ გსურთ უზრუნველყოთ დამოუკიდებელი სივრცეები, ეს შეიძლება გაკეთდეს marginLeft, marginRight, marginTop ან marginBottom (ან ყველა) თვისებების გამოყენებით.
მაგალითი: android:layout_margin="20dp" | android:layout_marginTop="20dp" | android:layout_marginLeft="20dp" | android:layout_marginRight="20dp" | android:layout_marginBottom="20dp"
ანდროიდი: წვერი.
ეს თვისება საშუალებას აძლევს ტექსტს აჩვენოს კონტროლში, როგორც დამხმარე საშუალება, სანამ მომხმარებელს ჯერ არ აქვს შეყვანილი ინფორმაცია. (სასურველია ტექსტის თვისებასთან შედარებით)
მაგალითი: android:hint="შეიყვანეთ სახელი"
android:inputType.
ის განსაზღვრავს შეყვანის ტიპს, რომელიც დაშვებული იქნება ტექსტური ყუთისთვის, ეს იძლევა მონაცემთა გარკვეული ტიპის ვალიდაციის საშუალებას და ასევე ეუბნება ოპერაციულ სისტემას, თუ რა ტიპის (ვირტუალური) კლავიატურა უნდა იყოს გამოყენებული.
იმ ვარიანტებს შორის, რომელთა დაკავშირებაც შეგვიძლია ამ ქონებასთან, არის ისეთი, როგორიცაა:
- ტექსტი
- ნომერი
- ტექსტურა
- ტექსტური პაროლი
- ტელეფონი
- შეხვედრა
- TextEmailAddress
არსებობს მრავალი სხვა ვარიანტი, რომელიც შეიძლება გამოყენებულ იქნას საჭიროებიდან გამომდინარე.
მაგალითი: android:inputType = "ნომერი" | android:inputType="textEmailAddress"
android:textSize.
განსაზღვრავს ეკრანზე გამოსატან ტექსტის ზომას, გაზომვის ერთეულები უნდა იყოს გათვალისწინებული, სადაც sp გამოიყენება ტექსტებისთვის
მაგალითი: android:textSize = "25sp"
android:styletext.
განსაზღვრავს ტექსტის სტილს, შეუძლია ტექსტის განსაზღვრა, როგორც ნორმალური, თამამი, დახრილი (ან ორივე).
მაგალითი: android:textStyle="bold" | android:textStyle = დახრილი | android:textStyle="bold|italic"
android:textColor.
განსაზღვრავს ფერს ტექსტისთვის, შეუძლია დაამატოთ ფერი "ფერების" თვისებების ფაილიდან ან თექვსმეტობითი მნიშვნელობიდან
მაგალითი: android:textColor="@color/teal_700" | android:textColor="#9C27B0"
android:backgroundTint.
განსაზღვრავს კომპონენტის ფონის ფერს, ასევე შეგიძლიათ მიიღოთ ფერი "ფერების" თვისებებიდან ან თექვსმეტობითი მნიშვნელობიდან.
მაგალითი: android:backgroundTint="@color/teal_200" | android:backgroundTint = "#FF5722"
android: ტექსტი.
განსაზღვრავს ხედთან დაკავშირებულ ტექსტურ შინაარსს. მიუხედავად იმისა, რომ მისი მნიშვნელობა შეიძლება პირდაპირ მინიჭებული იყოს, რეკომენდებულია რესურსების საქაღალდეში არსებული სიმებიანი ფაილის გამოყენება.
მაგალითი: android:text="Bienvenidos" | android:text="@string/title"
ეს თვისება ხშირია ხედებში, რომლებიც აჩვენებს ტექსტს მოწყობილობის ინტერფეისში. შემდეგი ეკრანი აჩვენებს strings.xml რესურსის ფაილს, სადაც ემატება ტექსტების სხვადასხვა მნიშვნელობები
და მოგვიანებით ამ მნიშვნელობებზე წვდომა ხდება ხედებიდან
წინა თვისებების გასუფთავების შემდეგ ვნახოთ რა არის ძირითადი გრაფიკული კომპონენტები
ღილაკი.
ეს შეესაბამება ჩვენთვის ნაცნობ ძირითად ღილაკებს, ისინი უბრალოდ წარმოადგენენ ღილაკს თავისი შიდა ტექსტით და განსაზღვრული ზღვრით.
ღილაკი შეასრულებს მოვლენის მოლოდინის ძირითად ფუნქციას, როდესაც ის დაჭერით.
გადართვის ღილაკი
ToggleButton-ის ტიპი შეესაბამება ღილაკის ტიპს, რომელიც შეიძლება შენახული იყოს 2 შესაძლო მდგომარეობაში, დაჭერილი ან არ დაჭერილი, ამისთვის არა მხოლოდ ერთი ტექსტის თვისებაა განსაზღვრული, არამედ 2 დამოკიდებულია იმ მდგომარეობიდან გამომდინარე, რომელსაც ამჟამად აქვს, ანდროიდის თვისებების გამოყენებით. : textOn და android:textOff.
ტრადიციული ღილაკების მსგავსად, ToggleButton შეიძლება დაპროგრამდეს დაწკაპუნების მოვლენაზე რეაგირებისთვის, მაგრამ თქვენ უბრალოდ უნდა იცოდეთ რა მდგომარეობაშია. ეს შეიძლება გაკეთდეს isChecked() მეთოდის მითითებით, რომელიც აბრუნებს მნიშვნელობას true იმ შემთხვევაში, თუ იგი დაჭერილია და სხვაგვარად false.
მგზავრობა
ამ კონტროლს შეუძლია გადამრთველის სიმულაცია, რომელიც ძალიან ჰგავს ToggleButton-ის მუშაობას, მაგრამ განსხვავებული ვიზუალური გარეგნობით.
გაითვალისწინეთ, რომ Android-ის ვერსიიდან გამომდინარე, რომელსაც ჩვენ ვიყენებთ, ჩვენი კომპონენტების ვიზუალური გარეგნობა შეიძლება შეიცვალოს, ამ შემთხვევაში Switch კონტროლი Android 5.0 და უფრო მაღალი ვერსიებისთვის ასე გამოიყურება:
სურათის ღილაკი
ამ ტიპის ღილაკი საშუალებას გაძლევთ დააკავშიროთ სურათი მასზე, რომელიც უნდა იყოს ნაჩვენები მომხმარებლისთვის ჩვეულებრივი ტექსტის ნაცვლად, ამისთვის ჩვენ შეგვიძლია ავიღოთ სურათი /res/drawable საქაღალდეებიდან და ჩატვირთოთ იგი android:src თვისების გამოყენებით, ამ შემთხვევაში ჩვენ გამოვიყენებთ სურათს პირდაპირ Android რესურსებიდან.
TextView
ეს შეესაბამება ძირითად ტექსტურ ლეიბლებს, რომლებიც ნაჩვენებია მომხმარებლებს, სხვა ენებში ეს არის ცნობილი როგორც ლეიბლები და საშუალებას გაძლევთ აჩვენოთ ტექსტი, რომელიც ასოცირდება android:text თვისებასთან, ამ ლეიბლებს აქვთ სხვა თვისებები, რომლებიც საშუალებას გაძლევთ მანიპულიროთ მათი ზომით, ფონის ფერი, ფერი და შრიფტის ტიპი, სტილი და ა.შ.
ტექსტის რედაქტირება
Android EditText ხედი ექვივალენტურია ASP და C# Textbox-ის ან JAVA JTextField-ის, ეს არის კონტროლი, რომელიც საშუალებას აძლევს მომხმარებლის მიერ შეყვანილი ტექსტის გადაღებას გაშვების დროს.
შერჩევის ყუთი
გამშვები ველის კონტროლი გამოიყენება აპლიკაციის ვარიანტების შესარჩევად ან გასაუქმებლად. ინტერფეისში მისი განსაზღვრის გზა და კოდით მისი მანიპულირებისთვის ხელმისაწვდომი თვისებები ანალოგიურია ToogleButton კონტროლში კომენტირებულის.
ეს კონტროლი მემკვიდრეობით იღებს TextView კონტროლს, ამიტომ ამ კონტროლისთვის უკვე ნახსენები ფორმატირების ვარიანტი ასევე მოქმედებს საკონტროლო ველზე.
აპლიკაციის კოდში შეგიძლიათ შეამოწმოთ არის თუ არა ეს კონტროლი არჩეული isChecked() მეთოდით, რომელიც აბრუნებს მნიშვნელობას მართალი თუ შერჩეული იყავი ან ყალბი წინააღმდეგ შემთხვევაში, თქვენ ასევე შეგიძლიათ გამოიყენოთ setChecked(value) მეთოდი კონტროლისთვის კონკრეტული მდგომარეობის დასაყენებლად, სადაც მნიშვნელობა მართალი შერჩეული იქნებოდა და ყალბი არჩეულით.
მოვლენა, რომელიც ჩვეულებრივ დაპროგრამებულია ამ კონტროლისთვის და რომელიც სრულდება ყოველ ჯერზე, როცა მისი მდგომარეობა იცვლება (არჩეული/აურჩევი) არის onCheckedChanged.
რადიოს ღილაკი
CheckBox კონტროლის მსგავსად, RadioButton გამოიყენება გარკვეული ოფციის შესარჩევად ან გასაუქმებლად, განსხვავება მდგომარეობს იმ ტიპის შერჩევაში, რომლის გაკეთებაც გსურთ. RadioButtons ჩვეულებრივ გამოიყენება ჯგუფებში, რათა განისაზღვროს პარამეტრების ნაკრები, საიდანაც შეგიძლიათ აირჩიოთ მხოლოდ ერთი, ანუ თითოეული ვარიანტი ურთიერთგამომრიცხავია, ასე რომ, ოფციის არჩევისას ის, რომელიც ადრე იყო შერჩეული, ავტომატურად გაუქმდება. ეს ჯგუფები განისაზღვრება RadioGroup ელემენტით, რომელიც თავის მხრივ შეიცავს ყველა RadioButton ელემენტს, რომელიც წარმოადგენს ვარიანტებს.
RadioGroups-ს შეუძლია დააყენოს android:orientation თვისება „ვერტიკალური“ ან „ჰორიზონტალური“, რათა დადგინდეს, თუ როგორ იქნება მასში შემავალი RadioButtons შეკვეთა.
თავის მხრივ, RadioButton-მა, სიგანისა და სიმაღლის გარდა, უნდა განსაზღვროს android:text თვისება, რათა დააკავშიროს წარმოდგენილი ვარიანტის ტექსტი და android:id, რომ დააკავშიროს კოდი კონტროლთან, რათა შესაძლებელი იყოს მისი მანიპულირება აპლიკაციიდან. ლოგიკა.
აპლიკაციის ლოგიკით კონტროლის მანიპულირებისთვის შეიძლება გამოვიყენოთ სხვადასხვა მეთოდები, რომელთა შორის ვხვდებით შემოწმებას(წავიდოდი) რომელიც გამოიყენება იდენტიფიცირებული რადიოღილაკის განსაზღვრისთვის, რომელიც გადაცემულია პარამეტრად, როგორც არჩეული, clearCheck() მეთოდი გამოიყენება ჯგუფში ყველა რადიოღილაკის არჩევის გასაუქმებლად და getCheckedRadioButtonId() მეთოდი გამოიყენება რადიოღილაკის ID-ის მისაღებად. რომელიც არის არჩეულ ჯგუფში ან მნიშვნელობა -1, თუ არ არის არჩეული ელემენტი.
ამ კონტროლის ყველაზე მნიშვნელოვანი მოვლენა ასევე არის onCheckedChanged, რომელიც ამოქმედდება ჯგუფში ელემენტის არჩევისას (გახსოვდეთ, რომ ჯგუფში ერთი ელემენტის არჩევა მიუთითებს მეორის არჩევის გაუქმებაზე).
და სულ ეს არის, ეს არის რამდენიმე ძირითადი გრაფიკული კომპონენტი, რომელსაც გამოვიყენებთ მთელი კურსის განმავლობაში, შემდეგ პოსტებში გავაგრძელებთ სხვა კომპონენტებს ან განლაგებას.
შეიძლება ასევე დაგაინტერესოთ.
არის რაიმე რისი დამატება ან კომენტარის გაკეთება ამ ჩანაწერის შესახებ? თავისუფლად გააკეთე….და თუ მოგეწონათ... გეპატიჟებით გააზიაროთ ი გამოიწერეთ ღილაკზე „შეუერთდით ამ საიტზე“ დაწკაპუნებით, რომ მოისმინოთ მეტი მსგავსი პოსტი 😉