ฉันพบไลบรารี่มากมายเพื่อใช้ svg ใน Android และหลีกเลี่ยงการสร้างความละเอียดที่แตกต่างและการวางไฟล์สำหรับแต่ละความละเอียดซึ่งน่ารำคาญมากเมื่อแอพนี้มีไอคอนหรือรูปภาพจำนวนมาก

ใคร ๆ ก็สามารถให้ขั้นตอนการใช้ไลบรารีที่ง่ายที่สุดสำหรับการใช้ SVG ใน Android ได้ฉันมั่นใจว่านี่จะช่วยคนอื่น ๆ ได้เช่นกัน

นอกจากนี้ฉันยังใช้ Android Studio และ Illustrator เพื่อสร้างไอคอนและรูปภาพของฉัน

ก่อนอื่นคุณต้องนำเข้าsvgไฟล์โดยทำตามขั้นตอนง่าย ๆ

1. คลิกขวาที่ drawable
2. คลิกใหม่
3. เลือกสินทรัพย์เวกเตอร์

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

@drawable/yourimagename

อัปเดต: อย่าใช้คำตอบเก่านี้ดีกว่าใช้สิ่งนี้: https://stackoverflow.com/a/39266840/4031815

ตกลงหลังจากการวิจัยเป็นเวลาหลายชั่วโมงฉันพบว่าsvg-androidนั้นใช้งานง่ายมากดังนั้นฉันจึงออกจากคำแนะนำทีละขั้นตอน:

1. ดาวน์โหลด lib จาก: https://code.google.com/p/svg-android/downloads/list เวอร์ชันล่าสุดในขณะที่เขียนนี่คือ:svg-android-1.1.jar

2. ใส่ขวดในlibdir

3. บันทึกไฟล์ * .svg ของคุณในres/drawabledir (ในผู้วาดภาพประกอบเป็นเรื่องง่ายเหมือนการกดบันทึกเป็นและเลือก svg)

4. โค้ดต่อไปนี้ในกิจกรรมของคุณโดยใช้ไลบรารี svg:

   ImageView imageView = (ImageView) findViewById(R.id.imgView);
   SVG svg = SVGParser.getSVGFromResource(getResources(), R.drawable.example);
   //The following is needed because of image accelaration in some devices such as samsung
   imageView.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
   imageView.setImageDrawable(svg.createPictureDrawable());

คุณสามารถลดรหัสสำเร็จรูปได้ดังนี้

ง่ายมากฉันทำคลาสง่าย ๆ เพื่อให้มีรหัสที่ผ่านมาและลดรหัสสำเร็จรูปเช่นนี้:

import android.app.Activity;
import android.view.View;
import android.widget.ImageView;

import com.larvalabs.svgandroid.SVG;
import com.larvalabs.svgandroid.SVGParser;

public class SvgImage {

    private static ImageView imageView;
    private Activity activity;
    private SVG svg;
    private int xmlLayoutId;
    private int drawableId;


    public SvgImage(Activity activity, int layoutId, int drawableId) {
        imageView = (ImageView) activity.findViewById(layoutId);
        svg = SVGParser.getSVGFromResource(activity.getResources(), drawableId);
        //Needed because of image accelaration in some devices such as samsung
        imageView.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
        imageView.setImageDrawable(svg.createPictureDrawable());
    }
}

ตอนนี้ฉันสามารถเรียกมันได้ในกิจกรรม:

    SvgImage rainSVG = new SvgImage(MainActivity.this, R.id.rainImageView, R.drawable.rain);
    SvgImage thunderSVG = new SvgImage(MainActivity.this, R.id.thunderImageView, R.drawable.thunder);
    SvgImage oceanSVG = new SvgImage(MainActivity.this, R.id.oceanImageView, R.drawable.ocean);
    SvgImage fireSVG = new SvgImage(MainActivity.this, R.id.fireImageView, R.drawable.fire);
    SvgImage windSVG = new SvgImage(MainActivity.this, R.id.windImageView,R.drawable.wind);
    SvgImage universeSVG = new SvgImage(MainActivity.this, R.id.universeImageView,R.drawable.universe);

Android Studio รองรับ SVG ตั้งแต่1.4 เป็นต้นไป

นี่คือวิดีโอบนวิธีการนำเข้า

แทนที่จะเพิ่มไลบรารี่ที่เพิ่มขนาด apk ของคุณฉันจะแนะนำให้คุณแปลง Svg เป็น drawable โดยใช้http://inloop.github.io/svg2android/ และเพิ่มvectorDrawables.useSupportLibrary = trueใน gradle

ลองใช้ปลั๊กอิน SVG2VectorDrawable ไปที่การตั้งค่า -> ปลั๊กอิน -> เรียกดูปลั๊กอินและติดตั้ง SVG2VectorDrawable เหมาะสำหรับการแปลงไฟล์ sag ไปเป็น vector drawable เมื่อคุณติดตั้งแล้วคุณจะพบไอคอนสำหรับสิ่งนี้ในส่วนแถบเครื่องมือทางด้านขวาของไอคอนความช่วยเหลือ (?)

1. คุณต้องแปลง SVG เป็น XML เพื่อใช้ในโครงการ Android

1.1 คุณสามารถทำได้กับเว็บไซต์นี้: http://inloop.github.io/svg2android/ แต่มันไม่รองรับคุณสมบัติทั้งหมดของ SVG เช่นการไล่ระดับสี

1.2 คุณสามารถแปลงผ่าน android studio แต่อาจใช้คุณสมบัติบางอย่างที่รองรับเฉพาะ API 24 และสูงกว่าที่ทำให้แอปของคุณเสียหายในอุปกรณ์รุ่นเก่า

และเพิ่มvectorDrawables.useSupportLibrary = trueไฟล์ gradle และใช้ดังนี้:

<android.support.v7.widget.AppCompatImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                app:srcCompat="@drawable/ic_item1" />

2. ใช้ไลบรารีนี้https://github.com/MegatronKing/SVG-Android ที่รองรับคุณสมบัติเหล่านี้: https://github.com/MegatronKing/SVG-Android/blob/master/support_doc.md

เพิ่มรหัสนี้ในคลาสแอปพลิเคชัน:

public void onCreate() {
    SVGLoader.load(this)
}

และใช้ SVG ดังนี้:

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_android_red"/>

1) คลิกขวาที่ไดเรกทอรีที่ดึงได้จากนั้นไปที่ใหม่จากนั้นไปที่เวกเตอร์เนื้อหา 2) เปลี่ยนประเภทสินทรัพย์จากภาพตัดปะเป็นท้องถิ่น 3) เรียกดูไฟล์ของคุณ 4) ให้ขนาดไฟล์ 5) ให้ขนาด 5) จากนั้นคลิกถัดไป ไดเรกทอรี