สร้างไอคอนแอป

ไอคอนช่วยให้ผู้ใช้ระบุแอปและการดำเนินการภายในแอปได้ คุณสามารถเข้าถึงชุดโปรแกรม ไอคอน Material แล้วเพิ่มลงในแอปโดยตรงด้วย Compose เพื่อสร้างไอคอนที่กำหนดเองหรือไอคอนสำหรับ แอปของคุณที่มี View แล้ว Android Studio จึงมี Image Asset Studio

เพิ่มไอคอนภายในแอปด้วยการเขียน

ฟีเจอร์เขียนจะช่วยให้คุณสามารถนำเข้า เขียนไลบรารี Material หรือ สร้างไลบรารี Material 3 เพื่อเข้าถึง ไอคอน Material จากนั้นใช้ Icon Composable เพื่อเพิ่มไอคอนลงในแอป ไอคอน Material มีประโยชน์มากที่สุดสำหรับไอคอนแถบการทำงาน ไอคอนแท็บ หรือไอคอนการแจ้งเตือน สำหรับข้อมูลเพิ่มเติม ดูข้อมูลได้ที่ ไอคอน Material

หากคุณต้องการสร้างไอคอนที่กำหนดเอง เช่น ไอคอนตัวเปิดแอป ให้ใช้ Image Asset Studio แล้ว สำหรับไอคอน Launcher จะเป็น AndroidManifest.xml ต้องอ้างอิงตำแหน่ง mipmap/ Image Asset Studio จะเพิ่มโค้ดนี้ โดยอัตโนมัติ โค้ดไฟล์ Manifest ต่อไปนี้อ้างอิงถึง ไอคอน ic_launcher ในไดเรกทอรี mipmap/:

  <application android:name="ApplicationTitle"
            android:label="@string/app_label"
            android:icon="@mipmap/ic_launcher" >
  

เกี่ยวกับ Image Asset Studio

Android Studio มีเครื่องมือชื่อ Image Asset 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 และ การออกแบบแถบการทำงาน เพื่อดูข้อมูลเพิ่มเติม

ไอคอนแท็บเป็นองค์ประกอบกราฟิกที่ใช้แสดงแต่ละแท็บใน หลายแท็บ ไอคอนแท็บแต่ละไอคอนมี 2 สถานะ ได้แก่ ยกเลิกการเลือกและเลือก ดูการสร้างมุมมองการปัดด้วยแท็บและ แท็บ - ดีไซน์ Material เพื่อดูข้อมูลเพิ่มเติม

Image Asset Studio จะวางไอคอนไว้ในตำแหน่งที่เหมาะสมใน res/drawable-density/ ไดเรกทอรี

เราขอแนะนำให้ใช้สไตล์ดีไซน์ Material สำหรับแถบการทำงาน และไอคอนแท็บ แม้ว่าคุณจะรองรับ Android เวอร์ชันเก่าก็ตาม ใช้ appcompat และอื่นๆ ไลบรารีการสนับสนุน เพื่อแสดง UI ของดีไซน์ Material บนแพลตฟอร์มเวอร์ชันเก่า

นอกจาก 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 ของการแจ้งเตือน การแจ้งเตือน การเปลี่ยนแปลง Android 5.0 การแจ้งเตือน, Android 4.4 และต่ำกว่า และ ไอคอนในแถบสถานะสำหรับ Android 3.0 และเวอร์ชันต่ำกว่า เพื่อดูข้อมูลเพิ่มเติม

คลิปอาร์ต

Image Asset Studio ทำให้คุณนำเข้าไอคอน Material ของ Google ใน VectorDrawable และ รูปแบบ PNG: เลือกไอคอนจากกล่องโต้ตอบ สำหรับข้อมูลเพิ่มเติม โปรดดู ไอคอน Material

รูปภาพ

คุณสามารถนำเข้าภาพของคุณเองและปรับเปลี่ยนให้เหมาะกับประเภทไอคอนได้ รองรับ Image Asset Studio ประเภทไฟล์ต่อไปนี้: PNG (แนะนำ), JPG (ยอมรับ) และ GIF (ไม่แนะนำ)

สตริงข้อความ

Image Asset Studio ช่วยให้คุณพิมพ์สตริงข้อความในแบบอักษรได้หลากหลายและวางไว้บนไอคอน โดยจะแปลงไอคอนแบบข้อความเป็นไฟล์ PNG สำหรับความหนาแน่นต่างๆ คุณสามารถใช้แบบอักษรที่ ติดตั้งบนคอมพิวเตอร์ของคุณแล้ว

เรียกใช้สตูดิโอชิ้นงานรูปภาพ

ในการเริ่มใช้งาน Image Asset Studio ให้ทำตามขั้นตอนต่อไปนี้

  1. ในหน้าต่างโปรเจ็กต์ ให้เลือก มุมมอง Android
  2. คลิกขวาที่โฟลเดอร์ res และเลือก ใหม่ > ชิ้นงานรูปภาพ

    วิซาร์ดไอคอนแบบปรับอัตโนมัติและไอคอนเดิมใน Image Asset Studio

  3. ดำเนินการต่อโดยทำตามขั้นตอนต่อไปนี้

สร้างไอคอน Launcher แบบปรับอัตโนมัติและแบบเดิม

หลังจากเปิด Image Asset Studio แล้ว คุณจะเพิ่มไอคอนแบบปรับขนาดได้และไอคอนเดิมได้โดย โดยทำตามขั้นตอนต่อไปนี้

  1. ในช่อง ประเภทไอคอน ให้เลือก ไอคอน Launcher (ปรับอัตโนมัติและ เดิม)
  2. ในแท็บเลเยอร์พื้นหน้า ให้เลือกประเภทชิ้นงาน แล้ว ให้ระบุเนื้อหาในช่องด้านล่าง
    • เลือกรูปภาพเพื่อระบุเส้นทางสำหรับไฟล์ภาพ
    • เลือกคลิปอาร์ตเพื่อระบุรูปภาพจาก ชุดไอคอนของดีไซน์ Material
    • เลือกข้อความเพื่อระบุสตริงข้อความและเลือกแบบอักษร
  3. ในแท็บเลเยอร์พื้นหลัง ให้เลือกประเภทชิ้นงาน แล้ว ให้ระบุเนื้อหาในช่องด้านล่าง คุณสามารถเลือกสีหรือ ระบุรูปภาพที่จะใช้เป็นเลเยอร์พื้นหลัง
  4. ในแท็บเดิม ให้ตรวจสอบการตั้งค่าเริ่มต้นและยืนยันว่าคุณต้องการ เพื่อสร้างไอคอนเดิม ไอคอนวงกลม และไอคอน Google Play Store
  5. คุณสามารถเลือกที่จะเปลี่ยนชื่อและการตั้งค่าการแสดงผลสำหรับแต่ละ แท็บเลเยอร์พื้นหน้าและเลเยอร์พื้นหลัง
    • ชื่อ - หากไม่ต้องการใช้ชื่อเริ่มต้น ให้พิมพ์ ชื่อ หากมีชื่อทรัพยากรนั้นในโปรเจ็กต์อยู่แล้วตามที่ระบุไว้ โดยข้อผิดพลาดที่ด้านล่างของวิซาร์ด จะมีการเขียนทับ ชื่อสามารถ ประกอบด้วยอักขระตัวพิมพ์เล็ก ขีดล่าง และตัวเลขเท่านั้น
    • ตัด - ใช้เพื่อปรับระยะขอบระหว่างกราฟิกไอคอนและเส้นขอบ ในชิ้นงานแหล่งที่มา ให้เลือกใช่ การดำเนินการนี้จะนำ พื้นที่โปร่งใสโดยรักษาอัตราส่วนไว้ หากต้องการออกจาก ชิ้นงานแหล่งที่มาไม่มีการเปลี่ยนแปลง ให้เลือกไม่
    • สี - เพื่อเปลี่ยนสีของคลิปอาร์ต หรือ ไอคอนข้อความ แล้วคลิกช่อง ในกล่องโต้ตอบเลือกสี ระบุสีแล้วคลิกเลือก ค่าใหม่จะปรากฏใน ด้วย
    • ปรับขนาด - ใช้แถบเลื่อนเพื่อระบุค่าตัวคูณมาตราส่วนเป็นเปอร์เซ็นต์ เพื่อปรับขนาดไอคอนรูปภาพ คลิปอาร์ต หรือข้อความ ช่วงเวลานี้ การควบคุมจะถูกปิดใช้งานสำหรับเลเยอร์พื้นหลังเมื่อคุณระบุ ชิ้นงานประเภทสี
  6. คลิกถัดไป
  7. เลือกเปลี่ยนไดเรกทอรีทรัพยากรโดยเลือกชุดแหล่งที่มาของทรัพยากร ตำแหน่งที่ต้องการเพิ่มชิ้นงานรูปภาพ: src/main/res, src/debug/res, src/release/res หรือชุดแหล่งที่มาที่กำหนดเอง ชุดแหล่งที่มาหลักใช้กับตัวแปรของบิลด์ทั้งหมด รวมถึงการแก้ไขข้อบกพร่องและ ชุดการแก้ไขข้อบกพร่องและแหล่งที่มาของการเผยแพร่จะลบล้างชุดแหล่งที่มาหลักและ ใช้กับบิลด์หนึ่งเวอร์ชันได้ ชุดแหล่งที่มาของการแก้ไขข้อบกพร่องมีไว้สำหรับการแก้ไขข้อบกพร่องเท่านั้น หากต้องการกำหนดชุดแหล่งที่มาใหม่ ให้เลือก ไฟล์ > โครงสร้างของโครงการ > แอป > ประเภทบิลด์ ตัวอย่างเช่น คุณสามารถกำหนดชุดแหล่งที่มาของเบต้าและสร้างเวอร์ชันของ ไอคอนที่มีข้อความ "BETA" ที่มุมขวาล่าง สำหรับข้อมูลเพิ่มเติม ดูข้อมูลได้ที่ กำหนดค่า สร้างตัวแปร
  8. คลิกเสร็จสิ้น Image Asset Studio จะเพิ่มรูปภาพลงใน mipmap สำหรับความหนาแน่นต่างๆ

แสดงตัวอย่างไอคอนแอปตามธีม

Android Studio ให้คุณดูตัวอย่างได้ ไอคอนแอปที่มีธีม และทดสอบว่าจะปรับให้เข้ากับสีวอลเปเปอร์ของผู้ใช้อย่างไร วิธีดูตัวอย่างแอปที่มีธีม ให้เปิดไฟล์ launcher.xml ที่ระบุไอคอน จากนั้นใช้ ตัวเลือกโหมด UI ของระบบในแถบเครื่องมือเพื่อสลับวอลเปเปอร์และดูปฏิกิริยาของไอคอน

ดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีสร้างไอคอนแอปตามธีมได้ที่ ไอคอนแบบปรับอัตโนมัติ

วันที่
ตัวเลือกโหมด UI ของระบบ
วันที่
แสดงตัวอย่างไอคอนแอปตามธีมในวอลเปเปอร์ต่างๆ

สร้างแถบการทำงานหรือไอคอนแท็บ

หลังจากเปิด Image Asset Studio แล้ว คุณจะเพิ่มแถบการดำเนินการหรือไอคอนแท็บได้ โดยทำตามขั้นตอนต่อไปนี้

  1. ในช่องประเภทไอคอน ให้เลือกแถบการทำงานและไอคอนแท็บ
  2. เลือกประเภทชิ้นงาน แล้วระบุชิ้นงานในช่องด้านล่าง
    • คลิกปุ่มในช่องคลิปอาร์ต
    • ในกล่องโต้ตอบเลือกไอคอน ให้เลือกไอคอนวัสดุ แล้วคลิกตกลง

    • ในช่องเส้นทาง ให้ระบุเส้นทางและชื่อไฟล์ของรูปภาพ คลิก ... เพื่อใช้กล่องโต้ตอบ
    • ในช่องข้อความ ให้พิมพ์สตริงข้อความและเลือกแบบอักษร

    ไอคอนจะปรากฏในพื้นที่เนื้อหาแหล่งที่มาทางด้านขวา และใน พื้นที่แสดงตัวอย่างที่ด้านล่างของวิซาร์ด

  3. (ไม่บังคับ) เปลี่ยนชื่อและตัวเลือกการแสดงผล
    • ชื่อ - หากไม่ต้องการใช้ชื่อเริ่มต้น ให้พิมพ์ชื่อใหม่ หากมีชื่อทรัพยากรนั้นในโปรเจ็กต์อยู่แล้ว ตามที่ระบุโดยข้อผิดพลาดที่ ส่วนด้านล่างของวิซาร์ดจะถูกเขียนทับ ชื่อมีอักษรตัวพิมพ์เล็กได้ อักขระ ขีดล่าง และตัวเลขเท่านั้น
    • ตัด - เมื่อต้องการปรับระยะขอบระหว่างเส้น กราฟิกไอคอนและเส้นขอบในเนื้อหาแหล่งที่มา ให้เลือกใช่ การดำเนินการนี้ นำพื้นที่โปร่งใสออก การรักษาสัดส่วนภาพ หากต้องการคงชิ้นงานแหล่งที่มาไว้ตามเดิม ให้เลือก ไม่
    • ระยะห่างจากขอบ - หากต้องการปรับ ระยะห่างจากขอบของชิ้นงานแหล่งที่มาทั้ง 4 ด้าน เลื่อนแถบเลื่อน เลือกค่าระหว่าง -10% ถึง 50% หากเลือกตัดด้วย การตัดจะเกิดขึ้นก่อน
    • ธีม - เลือก HOLO_LIGHT หรือ HOLO_DARK หรือหากต้องการระบุสีในกล่องโต้ตอบเลือกสี ให้เลือก กำหนดเอง จากนั้นคลิกช่องสีที่กำหนดเอง

    Image Asset Studio สร้างไอคอนภายในสี่เหลี่ยมจัตุรัสโปร่งใสเพื่อให้มีระยะห่างจากขอบบางส่วน จากขอบ ระยะห่างจากขอบมีพื้นที่เพียงพอสำหรับเอฟเฟกต์ไอคอนเงาตกกระทบมาตรฐาน

  4. คลิกถัดไป
  5. เลือกเปลี่ยนไดเรกทอรีทรัพยากรดังนี้
    • ไดเรกทอรี Res - เลือกชุดแหล่งที่มาของทรัพยากรที่คุณต้องการเพิ่ม ชิ้นงานรูปภาพ: src/main/res, src/debug/res src/release/res หรือชุดแหล่งที่มาที่กำหนดโดยผู้ใช้ ชุดแหล่งที่มาหลักมีผลกับตัวแปรของบิลด์ทั้งหมด รวมถึง แก้ไขข้อบกพร่องและเปิดตัว ชุดการแก้ไขข้อบกพร่องและแหล่งที่มาของการเผยแพร่จะลบล้างชุดแหล่งที่มาหลักและนำไปใช้ ของบิลด์หนึ่งเวอร์ชัน ชุดแหล่งที่มาของการแก้ไขข้อบกพร่องมีไว้สำหรับการแก้ไขข้อบกพร่องเท่านั้น วิธีกําหนดแหล่งที่มาใหม่ ตั้งค่า แล้วเลือกไฟล์ > โครงสร้างของโครงการ > แอป > ประเภทบิลด์ ตัวอย่างเช่น คุณอาจกำหนดชุดแหล่งที่มาของเบต้าและสร้าง ไอคอนเวอร์ชันที่มีข้อความ "BETA" ที่มุมขวาล่าง สำหรับข้อมูลเพิ่มเติม โปรดดู กำหนดค่าเวอร์ชันของบิลด์

    พื้นที่ไดเรกทอรีเอาต์พุตจะแสดงรูปภาพและโฟลเดอร์ จะปรากฏในตำแหน่งใด มุมมองไฟล์โปรเจ็กต์ของ หน้าต่างโปรเจ็กต์

  6. คลิกเสร็จสิ้น
  7. Image Asset Studio เพิ่มรูปภาพลงในโฟลเดอร์ที่วาดได้สำหรับ ความหนาแน่นที่ต่างกัน

สร้างไอคอนการแจ้งเตือน

หลังจากเปิด Image Asset Studio แล้ว คุณจะเพิ่มไอคอนการแจ้งเตือนได้ โดยทำตามขั้นตอนต่อไปนี้

  1. ในช่อง ประเภทไอคอน ให้เลือก ไอคอนการแจ้งเตือน
  2. เลือกประเภทชิ้นงาน แล้วระบุชิ้นงานในช่องด้านล่าง
    • คลิกปุ่มในช่องคลิปอาร์ต
    • ในกล่องโต้ตอบเลือกไอคอน ให้เลือกไอคอนวัสดุ แล้วคลิกตกลง

    • ในช่องเส้นทาง ให้ระบุเส้นทางและชื่อไฟล์ของรูปภาพ คลิก ... เพื่อใช้กล่องโต้ตอบ
    • ในช่องข้อความ ให้พิมพ์สตริงข้อความและเลือกแบบอักษร

    ไอคอนจะปรากฏในพื้นที่เนื้อหาแหล่งที่มาทางด้านขวา และใน พื้นที่แสดงตัวอย่างที่ด้านล่างของวิซาร์ด

  3. (ไม่บังคับ) เปลี่ยนชื่อและตัวเลือกการแสดงผล
    • ชื่อ - หากไม่ต้องการใช้ชื่อเริ่มต้น ให้พิมพ์ชื่อใหม่ หากมีชื่อทรัพยากรนั้นในโปรเจ็กต์อยู่แล้ว ตามที่ระบุโดยข้อผิดพลาดที่ ส่วนด้านล่างของวิซาร์ดจะถูกเขียนทับ ชื่อมีอักษรตัวพิมพ์เล็กได้ อักขระ ขีดล่าง และตัวเลขเท่านั้น
    • ตัด - เมื่อต้องการปรับระยะขอบระหว่างเส้น กราฟิกไอคอนและเส้นขอบในเนื้อหาแหล่งที่มา ให้เลือกใช่ การดำเนินการนี้ จะนำพื้นที่โปร่งใสออกโดยคงสัดส่วนภาพเดิมไว้ วิธีออกจากชิ้นงานแหล่งที่มา ไม่เปลี่ยนแปลง ให้เลือกไม่
    • ระยะห่างจากขอบ - หากต้องการปรับ ระยะห่างจากขอบของชิ้นงานแหล่งที่มาทั้ง 4 ด้าน เลื่อนแถบเลื่อน เลือกค่าระหว่าง -10% และ 50% หากคุณ เลือกตัด การตัดจะเกิดขึ้นก่อน

    Image Asset Studio สร้างไอคอนภายในสี่เหลี่ยมจัตุรัสโปร่งใสเพื่อให้มีระยะห่างจากขอบบางส่วน จากขอบ ระยะห่างจากขอบมีพื้นที่เพียงพอสำหรับเอฟเฟกต์ไอคอนเงาตกกระทบมาตรฐาน

  4. คลิกถัดไป
  5. เลือกเปลี่ยนไดเรกทอรีทรัพยากรดังนี้
    • ไดเรกทอรี Res - เลือกชุดแหล่งที่มาของทรัพยากรที่คุณต้องการเพิ่ม ชิ้นงานรูปภาพ: src/main/res, src/debug/res src/release/res หรือชุดแหล่งที่มาที่กำหนดโดยผู้ใช้ ชุดแหล่งที่มาหลักมีผลกับตัวแปรของบิลด์ทั้งหมด รวมถึง แก้ไขข้อบกพร่องและเปิดตัว ชุดการแก้ไขข้อบกพร่องและแหล่งที่มาของการเผยแพร่จะลบล้างชุดแหล่งที่มาหลักและนำไปใช้ ของบิลด์หนึ่งเวอร์ชัน ชุดแหล่งที่มาของการแก้ไขข้อบกพร่องมีไว้สำหรับการแก้ไขข้อบกพร่องเท่านั้น วิธีกําหนดแหล่งที่มาใหม่ ตั้งค่า แล้วเลือกไฟล์ > โครงสร้างของโครงการ > แอป > ประเภทบิลด์ ตัวอย่างเช่น คุณอาจกำหนดชุดแหล่งที่มาของเบต้าและสร้าง ไอคอนเวอร์ชันที่มีข้อความ "BETA" ที่มุมขวาล่าง สำหรับข้อมูลเพิ่มเติม โปรดดู กำหนดค่าเวอร์ชันของบิลด์

    พื้นที่ไดเรกทอรีเอาต์พุตจะแสดงรูปภาพและโฟลเดอร์ จะปรากฏในตำแหน่งใด มุมมองไฟล์โปรเจ็กต์ของ หน้าต่างโปรเจ็กต์

  6. คลิกเสร็จสิ้น
  7. Image Asset Studio เพิ่มรูปภาพลงในโฟลเดอร์ที่วาดได้สำหรับ ความหนาแน่นและเวอร์ชันต่างๆ

อ้างอิงทรัพยากรรูปภาพในโค้ดโดยใช้มุมมอง

ปกติแล้วคุณสามารถอ้างอิงทรัพยากรรูปภาพด้วยวิธีทั่วไปในโค้ดและเมื่อ ที่แอปของคุณทำงาน รูปภาพที่เกี่ยวข้องจะแสดงโดยอัตโนมัติโดยขึ้นอยู่กับ อุปกรณ์:

  • ในกรณีส่วนใหญ่ คุณสามารถอ้างอิงทรัพยากรของรูปภาพเป็น @drawable ในโค้ด XML หรือ วันที่ Drawable ในโค้ด Java
  • ตัวอย่างเช่น โค้ด 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 เช่น กิจกรรม ส่วนย่อย เลย์เอาต์ มุมมอง และอื่นๆ

  • หากแอปของคุณใช้ไลบรารีการสนับสนุน คุณสามารถอ้างอิงทรัพยากรภาพในโค้ด XML ด้วย คำสั่ง app:srcCompat เช่น
  • <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);

โปรดดู การเข้าถึงทรัพยากรสำหรับข้อมูลเพิ่มเติม

ลบไอคอนออกจากโปรเจ็กต์

วิธีนำไอคอนออกจากโปรเจ็กต์

  1. ในหน้าต่างโปรเจ็กต์ ให้เลือก มุมมอง Android
  2. ขยายโฟลเดอร์ res/mipmap สำหรับไอคอน Launcher หรือ res/drawable สำหรับไอคอนประเภทอื่นๆ
  3. ค้นหาโฟลเดอร์ย่อยที่มีชื่อของไอคอนที่ต้องการลบ
  4. โฟลเดอร์นี้มีไอคอนในความหนาแน่นที่แตกต่างกัน

  5. เลือกโฟลเดอร์และ กดแป้น Delete
  6. หรือเลือกแก้ไข > ลบ หรือคลิกขวาที่ แล้วเลือกลบ

    กล่องโต้ตอบ Safe Delete จะปรากฏขึ้น

  7. หากต้องการเลือกตัวเลือกเพื่อค้นหาตำแหน่งที่ใช้ไอคอนในโครงการ และคลิก ตกลง
  8. Android Studio จะลบไฟล์ออกจากโปรเจ็กต์และไดรฟ์ แต่ถ้าคุณเลือกที่จะค้นหา สำหรับสถานที่ในโปรเจ็กต์ที่มีการใช้ไฟล์และพบการใช้งานบางส่วน คุณสามารถดูไฟล์เหล่านั้นและ ตัดสินใจว่าจะลบหรือไม่ คุณต้องลบหรือแทนที่การอ้างอิงเหล่านี้เพื่อให้ คอมไพล์โปรเจ็กต์ได้สำเร็จ

  9. เลือกสร้าง > ล้างโปรเจ็กต์
  10. Android Studio จะนำไฟล์ภาพที่สร้างขึ้นซึ่งสอดคล้องกับทรัพยากรรูปภาพที่ลบไปแล้วออก ระบบจะนำรายการดังกล่าวออกจากโปรเจ็กต์และไดรฟ์

  11. หากจำเป็น ให้แก้ไขข้อผิดพลาดที่ยังมีอยู่ซึ่งเกิดจากบางส่วนของโค้ดที่อ้างอิง ทรัพยากร
  12. Android Studio จะไฮไลต์ข้อผิดพลาดเหล่านี้ในโค้ดของคุณ เมื่อคุณนำข้อมูลอ้างอิงทั้งหมดออกจาก คุณจะสามารถสร้างโปรเจ็กต์ได้อีกครั้ง