ตั้งค่าไอคอนสำหรับแอปพลิเคชัน Android


556

ฉันจะตั้งไอคอนสำหรับแอปพลิเคชัน Android ของฉันได้อย่างไร


13
หมายเหตุสำหรับปี 2559 เพียงเลือก "สินทรัพย์รูปภาพใหม่" (โดยปกติแล้วจะค้นหาผ่านทาง: คลิกขวาที่รายการ res "mipmap") จากนั้นใช้วิซาร์ด เริ่มด้วยภาพขนาดใหญ่และปรับขนาดให้เหมาะกับคุณ ดูคำตอบโดย @Justice ด้านล่าง
Fattie

2
เคล็ดลับสำคัญสำหรับ BG โปร่งใส: stackoverflow.com/a/37085828/294884
Fattie

คำตอบ:


689

หากคุณต้องการให้แอปพลิเคชันของคุณพร้อมใช้งานในอุปกรณ์หลากหลายประเภทคุณควรวางไอคอนแอปพลิเคชันลงในres/drawable...โฟลเดอร์ต่างๆ ในแต่ละโฟลเดอร์เหล่านี้คุณควรรวมไอคอนขนาด 48dp:

  • drawable-ldpi (120 dpi, หน้าจอความหนาแน่นต่ำ) - 36px x 36px
  • drawable-mdpi (160 dpi, หน้าจอความหนาแน่นปานกลาง) - 48px x 48px
  • drawable-hdpi (240 dpi, หน้าจอความหนาแน่นสูง) - 72px x 72px
  • drawable-xhdpi (320 dpi, หน้าจอความหนาแน่นสูงพิเศษ) - 96px x 96px
  • drawable-xxhdpi (480 dpi, หน้าจอความหนาแน่นสูงเป็นพิเศษ) - 144px x 144px
  • drawable-xxxhdpi (640 dpi, หน้าจอความหนาแน่นสูงพิเศษเป็นพิเศษ) - 192px x 192px

จากนั้นคุณสามารถกำหนดไอคอนในAndroidManifest.xmlไฟล์ของคุณเช่น:

<application android:icon="@drawable/icon_name" android:label="@string/app_name" >
.... 
</application> 

3
BTW คุณสามารถใช้ Inkscape เพื่อสร้าง png จาก SVG ด้วยบางสิ่งเช่น:inkscape %logo_file% -e %output_file% %WIDTH% %HEIGHT% --export-background-opacity=0.0
Nux

29
คุณสามารถใช้ไอคอนขนาดใหญ่เดียวได้แม้ว่าคุณจะไม่สามารถควบคุมได้ว่าอัลกอริทึมจะเปลี่ยนรูปลักษณ์อย่างไร คำถามนี้ได้รับคำตอบแล้วที่นี่: stackoverflow.com/questions/6695413/…
Liam George Betsworth

5
ส่วนขยายควรเป็นอย่างไร .png? .ico?
CodyBugstein

10
ลองนึกภาพว่า 512 x 512 จะแสดงเป็น 36 x 36 ได้อย่างไร โปรแกรมจะเลือกพิกเซลจาก 512 x 512 อาจจะอย่างใดผสมพวกเขาและการแสดงผลเป็น 36 x 36 มีแน่ใจว่าจะมีข้อผิดพลาด quantization เช่นen.wikipedia.org/wiki/Aliasing ดังนั้นภาพขนาด 36 x 36 จะไม่สมบูรณ์แบบ
Helin Wang

7
@aleb developer.android.com/design/style/iconography.html - "ดังนั้นในการสร้างไอคอนสำหรับความหนาแน่นที่แตกต่างกันคุณควรทำตามอัตราส่วน 2: 3: 4: 6: 8: อัตราส่วนระหว่างความหนาแน่นหลักห้า (กลาง, high, x-high, xx-high และ xxx-high ตามลำดับ) ตัวอย่างเช่นพิจารณาว่าขนาดสำหรับไอคอนตัวเรียกใช้ถูกระบุเป็น 48x48 dp ซึ่งหมายความว่าเนื้อหา baseline (MDPI) คือ 48x48 px และสูง เนื้อหา -density (HDPI) ควรเป็น 1.5x พื้นฐานที่ 72x72 px และสินทรัพย์ x-high density (XHDPI) ควรเป็น 2x พื้นฐานที่ 96x96 px และอื่น ๆ "
Liam George Betsworth

223

เพิ่มไอคอนตัวเรียกใช้งานแอปพร้อมขนาดอัตโนมัติ

(สตูดิโอ Android)

ไปที่เมนูไฟล์ * → สร้างใหม่สินทรัพย์รูปภาพ →เลือกไอคอนตัวเลือก→เลือกไฟล์รูปภาพ

มันจะปรับขนาดโดยอัตโนมัติ

ทำ!


7
ฉันไม่เข้าใจว่าทำไมนี่ไม่ใช่คำตอบที่ดีที่สุด มีคนอธิบายได้ไหม โฟลเดอร์และรูปภาพที่ปรับขนาดทั้งหมดถูกสร้างขึ้นสำหรับฉัน
Mark Ch

สิ่งนี้อธิบายถึงวิธีการสร้างโฟลเดอร์และปรับขนาดรูปภาพ ไม่ได้อธิบายวิธีตั้งค่าใด ๆ ให้เป็นไอคอนของแอป
Paul McCarthy

1
ขออภัยความคิดเห็นของฉันเกี่ยวกับสาเหตุที่ฉันคิดว่าไม่ใช่คำตอบที่ดีที่สุด มันเป็นคำตอบที่ดีมากและช่วยฉันแก้ปัญหาไอคอนของฉัน
พอลแม็กคาร์ธี

3
ฉันเข้าใจว่ามันจะปรับขนาดโดยอัตโนมัติ แต่คุณมักจะจัดหาขนาดเท่าใด 512x512?
aresz

5
ในวันนี้ Android Studio ฉันพบเมนูนี้โดยคลิกขวาในบานหน้าต่างเรียกดูทางด้านซ้าย
Antonis Christofides

199

ฉันพบเครื่องมือนี้มีประโยชน์มากที่สุด

  1. อัพโหลดภาพ
  2. ดาวน์โหลด zip
  3. แยกลงในโครงการของคุณ

เสร็จสิ้น

http://romannurik.github.io/AndroidAssetStudio/


5
นี่เป็นวิธีที่ง่ายสุด ๆ ! ขั้นตอนของฉันคือ: 1) สร้างภาพขนาด 144x144 จากไฟล์ผู้วาดภาพประกอบ 2) อัปโหลดไฟล์ 3) เล่นกับการตั้งค่าบนเว็บไซต์สำหรับการขยาย / etc 4) คัดลอกไฟล์ "res" จาก. zip จากไซต์วางไว้ใน IntelliJ และเลือก "
pfrank

ภาพไปสู่ ​​mitmpa หรือ drawable หรือไม่?
Ruchir Baronia

ฉันไม่เข้าใจว่าจะทำอย่างไรกับ zip นี้: c
Bipa

นี่ไม่ได้ให้ในldpi
Vencovsky

58

มันง่ายมาก

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

ตอนนี้ความละเอียดทั้งหมดจะถูกบันทึกลงในโฟลเดอร์ที่เกี่ยวข้องและคุณไม่ต้องกังวลกับการคัดลอกด้วยตัวคุณเองหรือใช้เครื่องมือ ฯลฯ

ป้อนคำอธิบายภาพที่นี่

อย่าลืม "รูปทรง - ไม่มี" สำหรับพื้นหลังโปร่งใส


1
สำหรับ Android Studio เวอร์ชันใหม่นี่เป็นคำตอบที่ดีที่สุด +1 จากฉัน
Angry 84

1
อัปเดตในปี 2018 ก่อนอื่น
Ignacio Ara

นี่คือคำตอบที่ดีที่สุดเพราะ Android Studio จะสร้างเนื้อหาที่มีชื่อถูกต้อง คุณสามารถเริ่มต้นด้วยเนื้อหารูปภาพเดียวแทนที่จะต้องสร้างขนาดเนื้อหาที่แตกต่างกันด้วยตนเองจากนั้นลองหาว่าจะไปที่ใดใน Android Studio เวอร์ชันล่าสุด
Fuad Kamal

38

ใส่ภาพของคุณในmipmapโฟลเดอร์และตั้งค่าในไฟล์รายการ ... เช่น

 <application android:icon="@mipmap/icon" android:label="@string/app_name" >
 .... 
 </application>  

ไดเรกทอรีโฟลเดอร์แอพ:

ป้อนคำอธิบายรูปภาพที่นี่

ขนาดและรูปแบบของไอคอน: ป้อนคำอธิบายรูปภาพที่นี่


32

วางภาพของคุณลงในโฟลเดอร์ภาพวาดใต้ภาพทั้งสามภาพแล้วตั้งเป็นแบบนี้

รหัส

<application android:icon="@drawable/your_icon" >
.... 
</application>  

21

คลิกขวาที่โครงการของคุณไปที่ใหม่> อื่น ๆ > Android> ชุดไอคอน Android

จากนั้นทำตามคำแนะนำบนตัวช่วยสร้าง


ตัวเลือกนั้นไม่มีอยู่ใน Android Studio
The Berga

3
ฉันต้องคลิกที่ไฟล์ในโครงการเพื่อขยาย breadcrumb ที่ด้านบน จากนั้นมีตัวเลือกที่แตกต่างกันเมื่อคลิกขวาที่โครงการ ใหม่> สินทรัพย์รูปภาพ
craigq

14

1- สร้างไอคอนของคุณใน Photoshop หรือ Coreldraw ตามขนาด 256 * 256

โปรดทราบว่าใช้รูปแบบไฟล์ PNG หากคุณต้องการไอคอนโปร่งใส

2 อัปโหลดไอคอนของคุณในhttps://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

ตั้งค่าของคุณบนเว็บไซต์นี้ ป้อนคำอธิบายรูปภาพที่นี่

4-Download ไฟล์ zip ที่สร้างขึ้นอัตโนมัติโดยเว็บเพจโดยคลิกที่ปุ่มดาวน์โหลด ป้อนคำอธิบายรูปภาพที่นี่

5-Extract ไฟล์ zip และคัดลอกโฟลเดอร์ res ไปยังไลบรารี่โครงการของคุณ ป้อนคำอธิบายรูปภาพที่นี่

โปรดทราบว่าโฟลเดอร์ res มีไอคอนทุกขนาด

6 สุดท้ายคุณต้องตั้งค่ารายการเพื่อใช้ไอคอน

<application android:icon="@drawable/your_icon" >
.... 
</application>

12

คุณสามารถติดตั้งปลั๊กอินการต่อสู้ไอคอนสตูดิโอของ Android ได้ที่ชื่อโปรดตรวจสอบปลั๊กอิน URL เครื่องกำเนิดไอคอนการออกแบบวัสดุและตรวจสอบ GIF นี้สำหรับรายละเอียดเพิ่มเติม:

ปลั๊กอินไอคอนสตูดิโอ Android

นี่คือส่วนใหญ่สำหรับการสร้างไอคอนที่มีขนาดที่ต้องการและมันจะอยู่ในโฟลเดอร์โดยตรง


7

คุณสามารถเริ่มต้นด้วยการอ่านเอกสาร

นี่คือลิงค์:

จะเปลี่ยนโลโก้ตัวเรียกใช้งานของแอพใน Android Studio ได้อย่างไร?


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

developer.android.com/guide/practices/ui_guidelines/…เป็นอีกลิงค์ที่มีประโยชน์ที่พูดถึงไอคอนเพิ่มเติม
Louis Sayers

นักแสดง: ลิงก์เสีย
Stefano Giacone

11
ลงคะแนนเนื่องจากไม่เป็นประโยชน์ "คุณสามารถเริ่มต้นด้วย ... " นอกจากนี้ยังก้าวร้าวก้าวร้าวโดยไม่จำเป็น
daspianist

6
  1. เลือกไอคอนรูปภาพคัดลอกรูปนี้
  2. วางลงในres/drawableโฟลเดอร์ของโครงการ
  3. เปิดไฟล์ Manifest และตั้งค่า

  4. เรียกใช้โปรแกรม


6

คุณต้องทำตามขั้นตอนดังนี้:

  • คุณจะเห็นไอคอนเริ่มต้นของคุณic_launcher.pngเช่น:

ป้อนคำอธิบายรูปภาพที่นี่

  • คุณต้องเปลี่ยนภาพทั้งหมดที่อยู่ในโฟลเดอร์mipmap-xxxx ก่อนอื่นคุณต้องสร้างโลโก้ของคุณเองหรือเลือกภาพที่คุณต้องการวางเป็นไอคอนของตัวเรียกใช้และอัปโหลดที่นี่Android Asset Studio - ไอคอนตัวสร้าง -ไอคอนตัวเปิดคุณจะได้รับชุด mipmap-xxxx และ web_icon ทั้งหมดจากนั้น ลิงค์

ป้อนคำอธิบายรูปภาพที่นี่

  • ตอนนี้คุณต้องคัดลอกโฟลเดอร์ทั้งหมดที่อยู่ข้างโฟลเดอร์ res

ป้อนคำอธิบายรูปภาพที่นี่

  • ตอนนี้ไปถึง Android สตูดิโอโครงการ -> คลิกขวาที่โฟลเดอร์ res -> วาง มันจะแจ้งให้คุณชอบไฟล์'ic_launcher.png'มีอยู่แล้วในไดเรกทอรีคุณสามารถกดเขียนทับทั้งหมด มันจะวาง / แทนที่ภาพในโฟลเดอร์ที่เกี่ยวข้อง

ตอนนี้คุณสามารถเรียกใช้และดูไอคอนแอปพลิเคชันของคุณด้วยภาพใหม่

Happy Coding :) :)


ฉันชอบคำตอบของคุณ ... ขอบคุณสำหรับความช่วยเหลือ
Jacky Chong



2

กำหนดไอคอนสำหรับแอปพลิเคชัน Android

<application android:icon="drawable resource">
.... 
</application> 

https://developer.android.com/guide/topics/manifest/application-element.html


หากแอพของคุณมีให้บริการในอุปกรณ์หลากหลายประเภท

คุณควรสร้างไอคอนแยกต่างหากสำหรับความหนาแน่นของหน้าจอทั่วไปทั้งหมดรวมถึงหน้าจอต่ำ, ปานกลาง, สูงและสูงพิเศษ สิ่งนี้ทำให้มั่นใจได้ว่าไอคอนของคุณจะแสดงอย่างถูกต้องในช่วงของอุปกรณ์ที่สามารถติดตั้งแอปพลิเคชันของคุณ ...

ป้อนคำอธิบายรูปภาพที่นี่


ขนาดและรูปแบบ

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

ป้อนคำอธิบายรูปภาพที่นี่


วางไอคอนใน mipmap หรือโฟลเดอร์ drawable

android:icon="@drawable/icon_name" หรือ android:icon="@mipmap/icon_name"

developer.android.com/guide กล่าวว่า ,

แอ็ตทริบิวต์นี้ต้องถูกตั้งค่าเป็นการอ้างอิงไปยังทรัพยากรที่สามารถวาดได้ที่มีรูปภาพ (เช่น "@ drawable / ไอคอน")

เกี่ยวกับไอคอนตัวเรียกใช้งาน android-developers.googleblog.com พูดว่า

เป็นวิธีที่ดีที่สุดที่จะวางไอคอนแอพของคุณในโฟลเดอร์ mipmap- (ไม่ใช่โฟลเดอร์ drawable-) เพราะมันถูกใช้ที่ความละเอียดที่แตกต่างจากความหนาแน่นในปัจจุบันของอุปกรณ์ ตัวอย่างเช่นไอคอนแอป xxxhdpi สามารถใช้กับตัวเรียกใช้งานสำหรับอุปกรณ์ xxhdpi

Dianne Hackborn จาก Google (Android กรอบ) กล่าวว่า ,

หากคุณกำลังสร้างแอพที่แตกต่างกันสำหรับความหนาแน่นที่แตกต่างกันคุณควรทราบเกี่ยวกับไดเรกทอรีทรัพยากร "mipmap" นี่เป็นเหมือนแหล่งข้อมูล "drawable" ยกเว้นว่าจะไม่มีส่วนร่วมในการดึงข้อมูลความหนาแน่นเมื่อสร้างเป้าหมาย apk ที่แตกต่างกัน

สำหรับไอคอนตัวเรียกใช้ไฟล์ AndroidManifest.xml ต้องอ้างอิง mipmap / ตำแหน่ง

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

อ้างถึงสิ่งนี้มากขึ้นเล็กน้อย

  1. คุณต้องการโหลดภาพสำหรับความหนาแน่นของอุปกรณ์ของคุณและคุณจะใช้มัน "ตามที่เป็น" โดยไม่มีการเปลี่ยนแปลงขนาดที่แท้จริงของมัน ในกรณีนี้คุณควรทำงานกับdrawableและ Android จะให้ภาพที่เหมาะสมที่สุด

  2. คุณต้องการโหลดภาพสำหรับความหนาแน่นของอุปกรณ์ของคุณ แต่ภาพนี้จะถูกปรับขนาดขึ้นหรือลง เช่นนี้เป็นสิ่งจำเป็นเมื่อคุณต้องการแสดงไอคอนตัวเปิดที่ใหญ่กว่าหรือคุณมีภาพเคลื่อนไหวซึ่งจะเป็นการเพิ่มขนาดของภาพ ในกรณีเช่นนี้เพื่อให้ได้ภาพที่มีคุณภาพดีที่สุดคุณควรใส่ภาพลงในโฟลเดอร์mipmap สิ่งที่ Android จะทำคือมันจะพยายามเลือกภาพจากที่เก็บข้อมูลที่มีความหนาแน่นสูงกว่าแทนที่จะขยายภาพ สิ่งนี้จะเพิ่มความคมชัด (คุณภาพ) ของภาพ

สำคัญยิ่งกว่านี้คุณสามารถอ่านmipmap กับโฟลเดอร์ที่สามารถวาดได้


เครื่องมือสร้างสินทรัพย์ได้อย่างง่ายดาย

  1. Android Asset Studio โดย romannurik.github
  2. Android Asset Studio โดย jgilfelt.github
  3. Image Asset Studio (จาก Android Studio)
  4. ไอคอนวัสดุ Generator.bitdroid.de
  5. ปลั๊กอินสร้างไอคอนเครื่องมือออกแบบวัสดุของ Android โดย github.com/konifar
  6. สคริปต์เพื่อสร้างเนื้อหา android จากไฟล์ SVG

อ่านเพิ่มเติม: https://developer.android.com/guide/practices/ui_guidelines/icon_design_launcher.html


0

ไปที่ไฟล์ -> ใหม่ -> ImageAsset

จากสิ่งเหล่านั้นคุณสามารถสร้างสินทรัพย์รูปภาพสำหรับไอคอนของคุณ

หลังจากนั้นเราจะได้รับภาพไอคอนในรูปแบบmipmap ที่แตกต่างกันเช่น hdpi, mdpi, xhdpi, xxhdpi, xxxhdpi

ตอนนี้ไปที่ AndroidManifest.xml

<application android:icon="@mipmap/your_Icon"> ....</application>

0

ใน AndroidManifest เปลี่ยนแปลงสิ่งเหล่านี้:

android:icon="@drawable/icon_name"
android:roundIcon="@drawable/icon_name"
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.