ยินดีต้อนรับกลับมา
เราได้ดำเนินการกับแหล่งข้อมูลระยะไกลและโมเดลมุมมองเสร็จเรียบร้อยแล้ว
ตอนนี้เรามาดูส่วนของการแสดงผลกัน
ในส่วนนี้เราจะออกแบบเลย์เอาต์ของกิจกรรมและแสดงข้อมูลลงในองค์ประกอบ UI
ฉันจะเริ่มด้วยกิจกรรมหลัก
ดังนั้นไปที่กิจกรรมเลย์เอาต์ใต้เส้นขีดกลางหลัก
และฉันจะไปที่โหมดแยกหน้าจอ
และฉันจะเริ่มออกแบบเลย์เอาต์ของฉัน
ในตัวอย่างนี้
และในแอปนี้ฉันจะใช้การผูกข้อมูล
ดังนั้น สำหรับสิ่งนี้ ฉันต้องเปิดใช้งานมันใน Build.gradle
และที่นี่ในขอบเขตของ Android ฉันจำเป็นต้องเพิ่มฟีเจอร์การ 빌드 และเปิดใช้งานการซิงค์การผูกข้อมูล
ตอนนี้ให้ย้ายไปที่กิจกรรมใต้เส้นขีดเส้นใต้หลัก
และที่นี่ฉันจะเริ่มเพิ่มแท็กเลย์เอาต์
ดังนั้นให้ย้ายเลย์เอาต์นี้โดยย้ายแท็กเลย์เอาต์นี้
และนี่ก็ดี
ตอนนี้ฉันจะย้ายเนมสเปซเหล่านี้และเพิ่มเข้าไปที่นี่ในเลย์เอาต์
และในส่วนหนึ่งของการจัดวางของเรา ฉันจะสร้างภายใน drawable และไฟล์ทรัพยากร drawable ใหม่
นี่จะทำหน้าที่เป็นพื้นหลังสำหรับการจัดวางของเรา
ดังนั้นฉันจะตั้งชื่อว่า gradient underscore back
และเราได้พูดคุยเกี่ยวกับรูปร่างที่สามารถวาดได้ซึ่งฉันแปลงมันให้เป็นรูปร่างนั้น
และที่นี่ฉันจำเป็นต้องระบุคุณลักษณะรูปร่างของ Android เป็นสี่เหลี่ยมผืนผ้า
จากนั้นฉันต้องเพิ่มการไล่ระดับสี
นี่คือสีไล่เฉดของฉัน และฉันจะใช้ที่มุม
ฉันได้พูดถึงรูปทรงเหล่านี้ในวิดีโอที่แล้ว ดังนั้นกรุณาไปที่บทเรียน
Drawables เพื่อเรียนรู้เพิ่มเติม
ฉันจะใช้พื้นหลังนี้ที่นี่ ดังนั้นฉันจะระบุแอตทริบิวต์พื้นหลังเพื่อเพิ่มการไล่ระดับสีที่สามารถวาดได้กลับเข้าไป
และนี่ก็ดี
ตอนนี้เรามาเริ่มออกแบบมุมมองของเรา
ฉันจะเปลี่ยนข้อความ "Hello World" นี้ให้เป็นชื่อเรื่อง ดังนั้นฉันจะทำเป็นแอปแบบแบบทดสอบ
ฉันจะให้มันเป็นมุมมองข้อความ ID ที่ขอบ 200 dpi ขนาด 72 SP และฉันจะลบปุ่มออกจากปุ่ม
โอเค ดังนั้นนี่คือสไตล์แอปแบบทดสอบของเรา ซึ่งจะใช้ตัวหนา
และสีของข้อความ
สีนี้โอเค นี่คือมุมมองข้อความแรกของเรา
มุมมองที่สองคือมุมมองข้อความ
ดังนั้น
เนื่องจากแอปของเราเป็นแบบเลือกตอบหลายตัวเลือก ฉันจะใช้กลุ่มวิทยุ
ดังนั้นอีกครั้งนะครับทุกคน หากคุณมีข้อสงสัยใด
ๆ กรุณาอ้างอิงไปยังส่วนก่อนหน้านี้เพื่อเรียนรู้เกี่ยวกับกลุ่มวิทยุและปุ่มวิทยุ
ภายในกลุ่มวิทยุนี้ ฉันจะใส่ปุ่มวิทยุสี่ปุ่ม
ซึ่งอนุญาตให้ผู้ใช้เลือกคำตอบที่ถูกต้องได้เพียงคำตอบเดียว
จากนั้นนอกกลุ่มวิทยุนี้และภายใต้กลุ่มนี้ ฉันจะสร้างมุมมองอีกแบบหนึ่งที่เป็นปุ่มห่อเนื้อหา
ห่อเนื้อหา
รหัสของมันคือ btn button
ถัดไป
และวิดเจ็ตสุดท้ายคือมุมมองข้อความ
และนี่ก็เริ่มแล้ว
นี่คือรูปแบบของเรา
ขอแสดงความยินดีด้วยครับ/ค่ะ
นอกจากนี้ คุณสามารถรับไฟล์ XML ของเลย์เอาต์ได้ในโฟลเดอร์ resources ภายใต้ส่วนนี้
ดังนั้น หากคุณต้องการข้ามเลย์เอาต์ ให้คัดลอกและวางได้เลย
คุณสามารถทำได้โดยการรับโฟลเดอร์ทรัพยากร