ไอคอนช่วยให้ผู้ใช้ระบุแอปและการดำเนินการภายในแอปได้ คุณสามารถเข้าถึงชุดไอคอน Material และเพิ่มลงในแอปได้โดยตรงด้วย Compose หากต้องการสร้างไอคอนที่กำหนดเองหรือไอคอนสำหรับแอปที่มีมุมมอง Android Studio มี Image Asset Studio
เพิ่มไอคอนภายในแอปด้วยการเขียน
ฟีเจอร์เขียนจะช่วยให้คุณสามารถนำเข้า
เขียนไลบรารี Material หรือ
สร้างไลบรารี Material 3 เพื่อเข้าถึง
ไอคอน Material จากนั้นใช้ Composable Icon
เพื่อเพิ่มไอคอนลงในแอป ไอคอน Material มีประโยชน์มากที่สุดสำหรับไอคอนแถบการดำเนินการ ไอคอนแท็บ หรือไอคอนการแจ้งเตือน ดูข้อมูลเพิ่มเติมได้ที่ไอคอน Material
หากต้องการสร้างไอคอนที่กำหนดเอง เช่น ไอคอนตัวเปิดแอป ให้ใช้ Image Asset Studio สำหรับไอคอนตัวเปิด ไฟล์ AndroidManifest.xml
จะต้องอ้างอิงตำแหน่ง mipmap/
Image Asset Studio จะเพิ่มโค้ดนี้โดยอัตโนมัติ โค้ดไฟล์ Manifest ต่อไปนี้อ้างอิงถึง
ไอคอน ic_launcher
ในไดเรกทอรี mipmap/
:
<application android:name="ApplicationTitle" android:label="@string/app_label" android:icon="@mipmap/ic_launcher" >
เกี่ยวกับสตูดิโอชิ้นงานรูปภาพ
Android Studio มีเครื่องมือชื่อ Image Asset Studio ซึ่งจะช่วยให้คุณสร้างแอปของตัวเองได้
ไอคอนจาก
ไอคอนวัสดุ
รูปภาพที่กำหนดเอง
และสตริงข้อความต่างๆ สร้างชุดของไอคอนในความละเอียดที่เหมาะสม
สำหรับแต่ละพิกเซล
ความหนาแน่นที่แอปของคุณรองรับ
สตูดิโอเนื้อหารูปภาพจะวางไอคอนที่สร้างขึ้นใหม่ในโฟลเดอร์ที่แบ่งตามความหนาแน่นภายในไดเรกทอรี res/
ในโปรเจ็กต์ ขณะรันไทม์ Android จะใช้ทรัพยากรที่เหมาะสมตามความหนาแน่นของหน้าจอของอุปกรณ์ที่แอปของคุณทำงานอยู่
Image Asset Studio ช่วยสร้างไอคอนประเภทต่อไปนี้
- ไอคอน Launcher
- ไอคอนแถบการทำงานและไอคอนแท็บ
- ไอคอนการแจ้งเตือน
ส่วนต่อไปนี้อธิบายประเภทไอคอนที่คุณสร้างได้ รวมถึงอินพุตรูปภาพและข้อความที่คุณใช้ได้
ไอคอน Launcher แบบปรับอัตโนมัติและแบบเดิม
ไอคอน Launcher คือกราฟิกที่แสดงแอปของคุณต่อผู้ใช้ ส่วนขยายประเภทนี้สามารถ:
- ปรากฏในรายการแอปที่ติดตั้งในอุปกรณ์และในหน้าจอหลัก
- แสดงทางลัดไปยังแอป (เช่น ไอคอนทางลัดรายชื่อติดต่อที่ จะเปิดข้อมูลโดยละเอียดของรายชื่อติดต่อ)
- ใช้งานโดยแอป Launcher
- ช่วยให้ผู้ใช้ค้นพบแอปของคุณใน Google Play
ไอคอน Launcher แบบปรับอัตโนมัติแสดงรูปร่างได้หลากหลายในอุปกรณ์รุ่นต่างๆ และพร้อมใช้งานใน Android 8.0 (API ระดับ 26) ขึ้นไป Android Studio 3.0 มีการสนับสนุนสำหรับ สร้างไอคอนแบบปรับอัตโนมัติโดยใช้ Image Asset Studio Image Asset Studio สร้างตัวอย่างของ ไอคอนแบบปรับอัตโนมัติเป็นรูปวงกลม ขอบมน สี่เหลี่ยมจัตุรัส และสี่เหลี่ยมจัตุรัส ตลอดจนไม่มีขอบ ตัวอย่างไอคอน Image Asset Studio ยังสร้างเวอร์ชันเก่า แบบวงกลม และ Google Play Store ด้วย ตัวอย่างไอคอน ไอคอน Launcher เดิมเป็นกราฟิกที่แสดงแอปของคุณในหน้าจอหลักของอุปกรณ์และในหน้าต่าง Launcher ไอคอน Launcher เดิมมีไว้เพื่อใช้ในอุปกรณ์ ที่ใช้ Android 7.1 (API ระดับ 25) หรือต่ำกว่า ซึ่งไม่รองรับไอคอนแบบปรับอัตโนมัติและจะไม่แสดง เป็นรูปร่างที่แตกต่างกันตามรุ่นอุปกรณ์
Image Asset Studio จะวางไอคอนไว้ในตำแหน่งที่เหมาะสมใน
res/mipmap-density/
ไดเรกทอรี และยังสร้างรูปภาพขนาด 512 x 512 พิกเซล
ที่เหมาะกับ Google Play Store
เราขอแนะนำให้ใช้สไตล์ดีไซน์ Material สำหรับไอคอน Launcher แม้ว่าคุณจะรองรับ Android เวอร์ชันเก่าก็ตาม
โปรดดู ไอคอน Launcher แบบปรับอัตโนมัติและ ไอคอนผลิตภัณฑ์ - ดีไซน์ Material สำหรับข้อมูลเพิ่มเติม
ไอคอนแถบการทำงานและไอคอนแท็บ
ไอคอนแถบการทำงานเป็นองค์ประกอบกราฟิกที่อยู่ในแถบการทำงานและแสดงถึงสัญลักษณ์ของแต่ละบุคคล รายการการทำงาน ดูข้อมูลเพิ่มเติมที่หัวข้อการเพิ่มและจัดการการดำเนินการ, แถบแอป - Material Design และ การออกแบบแถบการดำเนินการ
ไอคอนแท็บเป็นองค์ประกอบกราฟิกที่ใช้แสดงแต่ละแท็บใน หลายแท็บ ไอคอนแท็บแต่ละไอคอนมี 2 สถานะ ได้แก่ ยกเลิกการเลือกและเลือก ดูการสร้างมุมมองการปัดด้วยแท็บและ แท็บ - ดีไซน์ Material เพื่อดูข้อมูลเพิ่มเติม
Image Asset Studio จะวางไอคอนไว้ในตำแหน่งที่เหมาะสมใน
res/drawable-density/
ไดเรกทอรี
เราขอแนะนำให้ใช้สไตล์ดีไซน์ Material สำหรับแถบการทำงาน
และไอคอนแท็บ แม้ว่าคุณจะรองรับ Android เวอร์ชันเก่าก็ตาม ใช้ appcompat
และไลบรารีสนับสนุนอื่นๆ เพื่อแสดง UI การออกแบบมาเทเรียลในแพลตฟอร์มเวอร์ชันเก่า
นอกจาก Image Asset Studio แล้ว คุณสามารถใช้ Vector Asset Studio เพื่อสร้างแถบการดำเนินการและ แท็บ รูปภาพที่วาดด้วยเวกเตอร์เหมาะสำหรับไอคอนที่เรียบง่ายและสามารถลดขนาดของแอปได้
ไอคอนการแจ้งเตือน
การแจ้งเตือนคือข้อความที่คุณสามารถแสดงแก่ผู้ใช้ภายนอก UI ปกติ
แอป Image Asset Studio จะวางไอคอนการแจ้งเตือนไว้ในตำแหน่งที่เหมาะสมใน
ไดเรกทอรี res/drawable-density/
รายการ:
- ไอคอนสำหรับ Android 2.2 (API ระดับ 8) และต่ำกว่าจะอยู่ในไดเรกทอรี
res/drawable-density/
- ไอคอนสำหรับ Android 2.3 ถึง 2.3.7 (API ระดับ 9 ถึง 10) วางอยู่ใน
res/drawable-density-v9/
ไดเรกทอรี - ไอคอนสำหรับ Android 3 (API ระดับ 11) ขึ้นไปจะอยู่ในไดเรกทอรี
res/drawable-density-v11/
หากแอปรองรับ Android 2.3 ถึง 2.3.7 (API ระดับ 9 ถึง 10) Image Asset Studio จะสร้าง ไอคอนในเวอร์ชันสีเทา Android เวอร์ชันที่ใหม่กว่าจะใช้ไอคอนสีขาวที่ Image Asset Studio สร้างขึ้น
ดูข้อมูลเพิ่มเติมได้ที่การแจ้งเตือน การแจ้งเตือน Material Design การแจ้งเตือน การเปลี่ยนแปลงใน Android 5.0 การแจ้งเตือน Android 4.4 และต่ำกว่า และ ไอคอนแถบสถานะ Android 3.0 และต่ำกว่า
คลิปอาร์ต
Image Asset Studio ช่วยให้คุณนำเข้าไอคอนวัสดุของ Google ในรูปแบบ VectorDrawable และ PNG ได้อย่างง่ายดาย เพียงเลือกไอคอนจากกล่องโต้ตอบ ดูข้อมูลเพิ่มเติมได้ที่ไอคอน Material
รูปภาพ
คุณสามารถนำเข้ารูปภาพของคุณเองและปรับรูปภาพให้เหมาะกับประเภทไอคอนได้ เครื่องมือชิ้นงานรูปภาพรองรับไฟล์ประเภท PNG (แนะนำ), JPG (ยอมรับได้) และ GIF (ไม่แนะนำ)
สตริงข้อความ
Image Asset Studio ช่วยให้คุณพิมพ์สตริงข้อความในแบบอักษรได้หลากหลายและวางไว้บนไอคอน ซึ่งจะแปลงไอคอนแบบข้อความเป็นไฟล์ PNG สำหรับความหนาแน่นที่แตกต่างกัน คุณสามารถใช้แบบอักษรที่ ติดตั้งบนคอมพิวเตอร์ของคุณแล้ว
เรียกใช้สตูดิโอชิ้นงานรูปภาพ
ในการเริ่มใช้งาน Image Asset Studio ให้ทำตามขั้นตอนต่อไปนี้
- ในหน้าต่างโปรเจ็กต์ ให้เลือกมุมมอง Android
- คลิกขวาที่โฟลเดอร์ res และเลือก
ใหม่ > ชิ้นงานรูปภาพ
- ดำเนินการต่อโดยทำตามขั้นตอนต่อไปนี้
สร้างไอคอน Launcher แบบปรับอัตโนมัติและแบบเดิม
หลังจากเปิด Image Asset Studio แล้ว คุณจะเพิ่มไอคอนแบบปรับเปลี่ยนได้และไอคอนเดิมได้โดยทำตามขั้นตอนต่อไปนี้
- ในช่องประเภทไอคอน ให้เลือกไอคอน Launcher (แบบปรับเปลี่ยนและแบบเดิม)
- ในแท็บเลเยอร์พื้นหน้า ให้เลือกประเภทชิ้นงาน แล้ว
ให้ระบุเนื้อหาในช่องด้านล่าง
- เลือกรูปภาพเพื่อระบุเส้นทางสำหรับไฟล์ภาพ
- เลือกภาพตัดปะเพื่อระบุรูปภาพจากชุดไอคอนการออกแบบวัสดุ
- เลือกข้อความเพื่อระบุสตริงข้อความและเลือกแบบอักษร
- ในแท็บเลเยอร์พื้นหลัง ให้เลือกประเภทชิ้นงาน แล้ว ให้ระบุเนื้อหาในช่องด้านล่าง คุณสามารถเลือกสีหรือ ระบุรูปภาพที่จะใช้เป็นเลเยอร์พื้นหลัง
- ในแท็บตัวเลือก ให้ตรวจสอบการตั้งค่าเริ่มต้นและยืนยันว่าคุณต้องการสร้างไอคอนรุ่นเดิม กลม และ Google Play Store
- เปลี่ยนชื่อและการตั้งค่าการแสดงผลสำหรับแต่ละแท็บเลเยอร์พื้นหน้าและเลเยอร์พื้นหลัง (ไม่บังคับ) โดยทำดังนี้
- ชื่อ - หากไม่ต้องการใช้ชื่อเริ่มต้น ให้พิมพ์ ชื่อ หากมีชื่อทรัพยากรนั้นในโปรเจ็กต์อยู่แล้วตามที่ระบุไว้ โดยข้อผิดพลาดที่ด้านล่างของวิซาร์ด จะมีการเขียนทับ ชื่อต้องมีเฉพาะอักขระพิมพ์เล็ก ขีดล่าง และตัวเลขเท่านั้น
- ตัด - ใช้เพื่อปรับระยะขอบระหว่างกราฟิกไอคอนและเส้นขอบ ในชิ้นงานแหล่งที่มา ให้เลือกใช่ การดำเนินการนี้จะนำ พื้นที่โปร่งใสโดยรักษาอัตราส่วนไว้ หากต้องการออกจาก ชิ้นงานแหล่งที่มาไม่มีการเปลี่ยนแปลง ให้เลือกไม่
- สี - หากต้องการเปลี่ยนสีไอคอนภาพตัดปะหรือข้อความ ให้คลิกช่อง ในกล่องโต้ตอบเลือกสี ระบุสีแล้วคลิกเลือก ค่าใหม่จะปรากฏใน ด้วย
- ปรับขนาด - ใช้แถบเลื่อนเพื่อระบุค่าตัวคูณมาตราส่วนเป็นเปอร์เซ็นต์ เพื่อปรับขนาดไอคอนรูปภาพ คลิปอาร์ต หรือข้อความ ช่วงเวลานี้ การควบคุมจะถูกปิดใช้งานสำหรับเลเยอร์พื้นหลังเมื่อคุณระบุ ชิ้นงานประเภทสี
- คลิกถัดไป
- (ไม่บังคับ) เปลี่ยนไดเรกทอรีทรัพยากร: เลือกชุดแหล่งที่มาของทรัพยากรที่ต้องการเพิ่มชิ้นงานรูปภาพ src/main/res, src/debug/res, src/release/res หรือชุดแหล่งที่มาที่กำหนดเอง ชุดแหล่งที่มาหลักจะมีผลกับตัวแปรบิลด์ทั้งหมด ซึ่งรวมถึงตัวแปรแก้ไขข้อบกพร่องและตัวแปรรุ่น ชุดการแก้ไขข้อบกพร่องและแหล่งที่มาของการเผยแพร่จะลบล้างชุดแหล่งที่มาหลักและ ใช้กับบิลด์หนึ่งเวอร์ชันได้ ชุดแหล่งที่มาสำหรับการแก้ไขข้อบกพร่องมีไว้สำหรับการแก้ไขข้อบกพร่องเท่านั้น หากต้องการกำหนดชุดแหล่งที่มาใหม่ ให้เลือก ไฟล์ > โครงสร้างของโครงการ > แอป > ประเภทบิลด์ ตัวอย่างเช่น คุณสามารถกำหนดชุดแหล่งที่มาของเบต้าและสร้างเวอร์ชันของ ไอคอนที่มีข้อความ "BETA" ที่มุมขวาล่าง ดูข้อมูลเพิ่มเติมได้ที่กำหนดค่าตัวแปรการสร้าง
- คลิกเสร็จสิ้น สตูดิโอเนื้อหารูปภาพจะเพิ่มรูปภาพลงในโฟลเดอร์ mipmap สำหรับความหนาแน่นที่แตกต่างกัน
แสดงตัวอย่างไอคอนแอปตามธีม
Android Studio ให้คุณดูตัวอย่างได้
ไอคอนแอปที่มีธีม
และทดสอบว่าจะปรับให้เข้ากับสีวอลเปเปอร์ของผู้ใช้อย่างไร วิธีดูตัวอย่างแอปที่มีธีม
ให้เปิดไฟล์ launcher.xml
ที่ระบุไอคอน จากนั้นใช้
ตัวเลือกโหมด UI ของระบบในแถบเครื่องมือเพื่อสลับวอลเปเปอร์และดูปฏิกิริยาของไอคอน
ดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีสร้างไอคอนแอปตามธีมได้ที่ ไอคอนแบบปรับอัตโนมัติ


สร้างไอคอนแถบการดำเนินการหรือแท็บ
หลังจากเปิด Image Asset Studio แล้ว คุณจะเพิ่มแถบการดำเนินการหรือไอคอนแท็บได้โดยทำตามขั้นตอนต่อไปนี้
- ในช่องประเภทไอคอน ให้เลือกไอคอนแถบการดำเนินการและไอคอนแท็บ
- เลือกประเภทชิ้นงาน แล้วระบุชิ้นงานในช่องด้านล่าง
- คลิกปุ่มในช่องภาพตัดปะ
- ในช่องเส้นทาง ให้ระบุเส้นทางและชื่อไฟล์ของรูปภาพ คลิก ... เพื่อใช้กล่องโต้ตอบ
- ในช่องข้อความ ให้พิมพ์สตริงข้อความและเลือกแบบอักษร
- (ไม่บังคับ) เปลี่ยนชื่อและตัวเลือกการแสดงผล
- ชื่อ - หากไม่ต้องการใช้ชื่อเริ่มต้น ให้พิมพ์ชื่อใหม่ หากชื่อทรัพยากรนั้นอยู่ในโปรเจ็กต์อยู่แล้ว ระบบจะเขียนทับชื่อนั้นตามที่ระบุไว้โดยข้อผิดพลาดที่ด้านล่างของวิซาร์ด ชื่อมีอักษรตัวพิมพ์เล็กได้ อักขระ ขีดล่าง และตัวเลขเท่านั้น
- ตัด - เมื่อต้องการปรับระยะขอบระหว่างเส้น กราฟิกไอคอนและเส้นขอบในเนื้อหาแหล่งที่มา ให้เลือกใช่ การดำเนินการนี้ นำพื้นที่โปร่งใสออก การรักษาสัดส่วนภาพ หากไม่ต้องการเปลี่ยนแปลงชิ้นงานต้นทาง ให้เลือกไม่
- ระยะห่างจากขอบ - หากต้องการปรับระยะห่างจากขอบของชิ้นงานต้นทางทั้ง 4 ด้าน ให้เลื่อนแถบเลื่อน เลือกค่าระหว่าง -10% ถึง 50% หากเลือกตัดด้วย การตัดจะเกิดขึ้นก่อน
- ธีม - เลือก HOLO_LIGHT หรือ HOLO_DARK หรือหากต้องการระบุสีในกล่องโต้ตอบเลือกสี ให้เลือก กำหนดเอง จากนั้นคลิกช่องสีที่กำหนดเอง
Image Asset Studio จะสร้างไอคอนภายในสี่เหลี่ยมจัตุรัสโปร่งใสเพื่อให้มีระยะห่างจากขอบเล็กน้อย ระยะห่างจากขอบมีพื้นที่เพียงพอสำหรับเอฟเฟกต์ไอคอนเงาตกกระทบมาตรฐาน
- คลิกถัดไป
- เลือกเปลี่ยนไดเรกทอรีทรัพยากรดังนี้
- ไดเรกทอรี Res - เลือกชุดแหล่งที่มาของทรัพยากรที่คุณต้องการเพิ่ม ชิ้นงานรูปภาพ: src/main/res, src/debug/res src/release/res หรือชุดแหล่งที่มาที่กำหนดโดยผู้ใช้ ชุดแหล่งที่มาหลักจะมีผลกับตัวแปรบิลด์ทั้งหมด ซึ่งรวมถึงการแก้ไขข้อบกพร่องและรุ่น ชุดแหล่งที่มาสำหรับการแก้ไขข้อบกพร่องและรุ่นจะลบล้างชุดแหล่งที่มาหลักและมีผลกับบิลด์ 1 เวอร์ชัน ชุดแหล่งที่มาสำหรับการแก้ไขข้อบกพร่องมีไว้สำหรับการแก้ไขข้อบกพร่องเท่านั้น วิธีกําหนดแหล่งที่มาใหม่ ตั้งค่า แล้วเลือกไฟล์ > โครงสร้างของโครงการ > แอป > ประเภทบิลด์ เช่น คุณอาจกำหนดชุดแหล่งที่มาเวอร์ชันเบต้าและสร้างไอคอนเวอร์ชันที่มีข้อความ "เบต้า" ที่มุมขวาล่าง ดูข้อมูลเพิ่มเติมได้ที่กำหนดค่าตัวแปรการสร้าง
- คลิกเสร็จสิ้น
ในกล่องโต้ตอบเลือกไอคอน ให้เลือกไอคอนวัสดุ แล้วคลิกตกลง
ไอคอนจะปรากฏในพื้นที่ชิ้นงานต้นทางทางด้านขวา และในบริเวณแสดงตัวอย่างที่ด้านล่างของวิซาร์ด
พื้นที่ไดเรกทอรีเอาต์พุตจะแสดงรูปภาพและโฟลเดอร์ที่จะปรากฏในมุมมองไฟล์โปรเจ็กต์ของหน้าต่างโปรเจ็กต์
Image Asset Studio จะเพิ่มรูปภาพในโฟลเดอร์ drawable สำหรับความหนาแน่นที่แตกต่างกัน
สร้างไอคอนการแจ้งเตือน
หลังจากเปิด Image Asset Studio แล้ว คุณจะเพิ่มไอคอนการแจ้งเตือนได้โดยทำตามขั้นตอนต่อไปนี้
- ในช่อง ประเภทไอคอน ให้เลือก ไอคอนการแจ้งเตือน
- เลือกประเภทชิ้นงาน แล้วระบุชิ้นงานในช่องด้านล่าง
- คลิกปุ่มในช่องภาพตัดปะ
- ในช่องเส้นทาง ให้ระบุเส้นทางและชื่อไฟล์ของรูปภาพ คลิก ... เพื่อใช้กล่องโต้ตอบ
- ในช่องข้อความ ให้พิมพ์สตริงข้อความและเลือกแบบอักษร
- (ไม่บังคับ) เปลี่ยนชื่อและตัวเลือกการแสดงผล
- ชื่อ - หากไม่ต้องการใช้ชื่อเริ่มต้น ให้พิมพ์ชื่อใหม่ หากชื่อทรัพยากรนั้นอยู่ในโปรเจ็กต์อยู่แล้ว ระบบจะเขียนทับชื่อนั้นตามที่ระบุไว้โดยข้อผิดพลาดที่ด้านล่างของวิซาร์ด ชื่อมีอักษรตัวพิมพ์เล็กได้ อักขระ ขีดล่าง และตัวเลขเท่านั้น
- ตัด - เมื่อต้องการปรับระยะขอบระหว่างเส้น กราฟิกไอคอนและเส้นขอบในเนื้อหาแหล่งที่มา ให้เลือกใช่ การดำเนินการนี้จะนําพื้นที่โปร่งใสออกโดยคงสัดส่วนภาพเดิมไว้ หากไม่ต้องการเปลี่ยนแปลงชิ้นงานต้นฉบับ ให้เลือกไม่
- ระยะห่างจากขอบ - หากต้องการปรับระยะห่างจากขอบของชิ้นงานต้นทางทั้ง 4 ด้าน ให้เลื่อนแถบเลื่อน เลือกค่าระหว่าง -10% และ 50% หากคุณ เลือกตัด การตัดจะเกิดขึ้นก่อน
Image Asset Studio จะสร้างไอคอนภายในสี่เหลี่ยมจัตุรัสโปร่งใสเพื่อให้มีระยะห่างจากขอบเล็กน้อย การเว้นวรรคช่วยให้มีที่ว่างเพียงพอสำหรับเอฟเฟกต์ไอคอนเงาตกมาตรฐาน
- คลิกถัดไป
- เลือกเปลี่ยนไดเรกทอรีทรัพยากรดังนี้
- ไดเรกทอรี Res - เลือกชุดแหล่งที่มาของทรัพยากรที่ต้องการเพิ่มชิ้นงานรูปภาพ src/main/res, src/debug/res, src/release/res หรือชุดแหล่งที่มาที่ผู้ใช้กำหนด ชุดแหล่งที่มาหลักจะมีผลกับตัวแปรบิลด์ทั้งหมด ซึ่งรวมถึงการแก้ไขข้อบกพร่องและรุ่น ชุดแหล่งที่มาสำหรับการแก้ไขข้อบกพร่องและรุ่นจะลบล้างชุดแหล่งที่มาหลักและมีผลกับบิลด์ 1 เวอร์ชัน ชุดแหล่งที่มาของการแก้ไขข้อบกพร่องมีไว้สำหรับการแก้ไขข้อบกพร่องเท่านั้น หากต้องการกำหนดชุดแหล่งที่มาใหม่ ให้เลือกไฟล์ > โครงสร้างโปรเจ็กต์ > app > ประเภทการสร้าง ตัวอย่างเช่น คุณอาจกำหนดชุดแหล่งที่มาของเบต้าและสร้าง ไอคอนเวอร์ชันที่มีข้อความ "BETA" ที่มุมขวาล่าง ดูข้อมูลเพิ่มเติมได้ที่กำหนดค่าตัวแปรการสร้าง
- คลิกเสร็จสิ้น
ในกล่องโต้ตอบเลือกไอคอน ให้เลือกไอคอนวัสดุ แล้วคลิกตกลง
ไอคอนจะปรากฏในพื้นที่ชิ้นงานต้นทางทางด้านขวา และในบริเวณแสดงตัวอย่างที่ด้านล่างของวิซาร์ด
พื้นที่ไดเรกทอรีเอาต์พุตจะแสดงรูปภาพและโฟลเดอร์ที่จะปรากฏในมุมมองไฟล์โปรเจ็กต์ของหน้าต่างโปรเจ็กต์
Image Asset Studio จะเพิ่มรูปภาพในโฟลเดอร์ drawable สำหรับความหนาแน่นและเวอร์ชันต่างๆ
อ้างอิงทรัพยากรรูปภาพในโค้ดโดยใช้มุมมอง
ปกติแล้วคุณสามารถอ้างอิงทรัพยากรรูปภาพด้วยวิธีทั่วไปในโค้ดและเมื่อ ที่แอปของคุณทำงาน รูปภาพที่เกี่ยวข้องจะแสดงโดยอัตโนมัติโดยขึ้นอยู่กับ อุปกรณ์:
- ในกรณีส่วนใหญ่ คุณสามารถอ้างอิงทรัพยากรรูปภาพเป็น
@drawable
ในโค้ด XML หรือDrawable
ในโค้ด Java - หากแอปใช้คลังการสนับสนุน คุณจะอ้างอิงทรัพยากรรูปภาพในโค้ด XML ได้ด้วยคำสั่ง
app:srcCompat
เช่น
ตัวอย่างเช่น โค้ด XML ของเลย์เอาต์ต่อไปนี้จะแสดงส่วนที่ถอนออกได้ใน ImageView ดังนี้
<ImageView android:layout_height="wrap_content" android:layout_width="wrap_content" android:src="@drawable/myimage" />
โค้ด Java ต่อไปนี้จะดึงข้อมูลรูปภาพเป็น Drawable
Kotlin
val drawable = resources.getDrawable(R.drawable.myimage, theme)
Java
Resources res = getResources(); Drawable drawable = res.getDrawable(R.drawable.myimage, getTheme());
getResources()
อยู่ใน Context
ซึ่งนำไปใช้กับออบเจ็กต์ UI เช่น
กิจกรรม ส่วนย่อย เลย์เอาต์ มุมมอง และอื่นๆ
<ImageView android:layout_height="wrap_content" android:layout_width="wrap_content" app:srcCompat="@drawable/myimage" />
คุณเข้าถึงแหล่งข้อมูลรูปภาพได้จากชุดข้อความหลักเท่านั้น
หลังจากมีทรัพยากรรูปภาพในไดเรกทอรี res/
ของโปรเจ็กต์แล้ว คุณจะทำสิ่งต่อไปนี้ได้
ให้อ้างอิงจากโค้ด Java หรือการจัดวาง XML ของคุณโดยใช้รหัสทรัพยากร
โค้ด Java ต่อไปนี้ตั้งค่า
ImageView ที่จะใช้
แหล่งข้อมูล drawable/myimage.png
:
Kotlin
findViewById<ImageView>(R.id.myimageview).apply { setImageResource(R.drawable.myimage) }
Java
ImageView imageView = (ImageView) findViewById(R.id.myimageview); imageView.setImageResource(R.drawable.myimage);
ดูข้อมูลเพิ่มเติมได้ที่ส่วนการเข้าถึงแหล่งข้อมูล
ลบไอคอนออกจากโปรเจ็กต์
วิธีนำไอคอนออกจากโปรเจ็กต์
- ในหน้าต่างโปรเจ็กต์ ให้เลือก มุมมอง Android
- ขยายโฟลเดอร์ res/mipmap สำหรับไอคอนตัวเปิดแอป หรือโฟลเดอร์ res/drawable สำหรับไอคอนประเภทอื่นๆ
- ค้นหาโฟลเดอร์ย่อยที่มีชื่อไอคอนที่ต้องการลบ
- เลือกโฟลเดอร์และ กดแป้น Delete
- เลือกตัวเลือก (ไม่บังคับ) เพื่อค้นหาตำแหน่งที่ใช้ไอคอนในโปรเจ็กต์ แล้วคลิกตกลง
- เลือกสร้าง > ล้างโปรเจ็กต์
- หากจำเป็น ให้แก้ไขข้อผิดพลาดที่ยังมีอยู่ซึ่งเกิดจากบางส่วนของโค้ดที่อ้างอิง ของ Google
โฟลเดอร์นี้มีไอคอนที่มีความหนาแน่นต่างกัน
หรือเลือกแก้ไข > ลบ หรือคลิกขวาที่ไฟล์แล้วเลือกลบ
กล่องโต้ตอบลบอย่างปลอดภัยจะปรากฏขึ้น
Android Studio จะลบไฟล์ออกจากโปรเจ็กต์และไดรฟ์ อย่างไรก็ตาม หากเลือกค้นหาตำแหน่งในโปรเจ็กต์ที่มีการใช้ไฟล์และพบการใช้งานบางอย่าง คุณจะดูตำแหน่งเหล่านั้นและตัดสินใจว่าจะลบหรือไม่ได้ คุณต้องลบหรือแทนที่การอ้างอิงเหล่านี้เพื่อให้ คอมไพล์โปรเจ็กต์ได้สำเร็จ
Android Studio จะนำไฟล์รูปภาพที่สร้างขึ้นซึ่งสอดคล้องกับทรัพยากรรูปภาพที่ลบออก ระบบจะนำรายการดังกล่าวออกจากโปรเจ็กต์และไดรฟ์
Android Studio จะไฮไลต์ข้อผิดพลาดเหล่านี้ในโค้ดของคุณ เมื่อคุณนำข้อมูลอ้างอิงทั้งหมดออกจาก คุณจะสามารถสร้างโปรเจ็กต์ได้อีกครั้ง