Hỗ trợ SVG trên Android

Question

Android có hỗ trợ SVG không? bất kỳ ví dụ nào?

Answer 1

Câu trả lời đầy đủ nhất là thế này:

• Trình duyệt 2.x mặc định Android không natively hỗ trợ SVG.
• Trình duyệt mặc định của Android 3+ DO hỗ trợ SVG.

Để thêm hỗ trợ SVG với các phiên bản 2.x của nền tảng này, bạn có hai lựa chọn cơ bản:

1. Cài đặt trình duyệt có khả năng hơn (như Firefox hoặc Opera Mobile - cả hai hỗ trợ SVG)
2. Sử dụng một polyfill JavaScript có thể phân tích cú pháp SVG và hiển thị nó thành canvas HTML5

Tùy chọn đầu tiên là không sao nếu bạn chỉ cố gắng làm SVG hoạt động cho mục đích cá nhân hoặc một nhóm người dùng có giới hạn (có thể điều khiển). Nó không phải là một lựa chọn tuyệt vời nếu bạn muốn sử dụng SVG trong khi nhắm mục tiêu một cơ sở người dùng lớn, không được kiểm soát.

Trong trường hợp sau, bạn muốn sử dụng polyfill. Hiện có rất nhiều thư viện JavaScript có thể chạy SVG và render thành canvas. Hai ví dụ là:

• canvg
• fabric.js

Sử dụng một polyfill, bạn có thể làm cho SVG của bạn trong một canavs trên tất cả các phiên bản của Android 2.x.

Để có ví dụ hoàn chỉnh hơn về cách tiếp cận này, bạn có thể tham khảo this blog post that discusses the use of the canvg polyfill để làm cho biểu đồ KIZ UI DataViz (dựa trên SVG) hoạt động trên Android 2.x. Hy vọng rằng sẽ giúp!

Answer 2

Hiện tại một số người trong đó có tôi làm việc độc lập.
Bạn có thể tìm thấy giải pháp làm việc trong những bài viết này:
    Android. ImageView with SVG Support.
    Android ImageView and Drawable with SVG support

Answer 3

Firefox cho Android hỗ trợ SVG.

Answer 4

Opera Mobile dành cho Android hỗ trợ svg và Opera Mini hỗ trợ nội dung svg tĩnh.

Answer 5

Có thư viện mã nguồn mở mới hỗ trợ tải và vẽ tệp SVG Basic 1.1: https://github.com/pents90/svg-android. Hiệu suất là tốt như bản vẽ thực tế được xử lý nguyên bản bởi một đối tượng android.graphics.Picture.

Answer 6

Tôi vừa mới bắt đầu một repo Github và ví dụ repo cho thư viện TPSVG của riêng tôi, mà ban đầu tôi đã tạo riêng cho một ứng dụng của tôi.

https://github.com/TrevorPage/TPSVG_Android_SVG_Library

https://github.com/TrevorPage/TPSVG_Example1

Answer 7

Có một thư viện mới (đang được phát triển tích cực) androidsvg cho phép một để kết hợp hình ảnh svg trực tiếp vào các dự án. Nó có lợi thế là xác định một SVGImageView cho phép một kết hợp một svg trực tiếp trong bố cục xml.

Cuối cùng, bao gồm svg trong android rất đơn giản.

Thông tin chi tiết: Stack Overflow post

Answer 8

tôi biết giải pháp của tôi là hơi hardcore, nhưng nó hoạt động tốt, không đòi hỏi bất kỳ thư viện bên ngoài (ít nhất là không có trong mã cuối cùng của bạn) và cực kỳ nhanh.

1) Chỉ cần một thư viện SVG tải hiện có, chẳng hạn như ví dụ svg-android-2 (mà là một ngã ba của svg-android đề cập trong câu trả lời khác, chỉ với nhiều tính năng và sửa lỗi): https://code.google.com/p/svg-android-2/

2) Viết một ứng dụng đơn giản mà sẽ không làm gì khác ngoài việc tải và hiển thị hình ảnh SVG của bạn.

3) Sửa đổi thư viện tải SVG, để nó in mã Java tạo lớp Ảnh hoặc lưu nó trong biến Chuỗi.

4) Sao chép-dán mã Java có được theo cách này vào ứng dụng bạn đang viết.

Để biết thêm thông tin về kỹ thuật và nguồn mẫu tải về mã này, hãy vào blog của tôi: http://androiddreamrevised.blogspot.it/2014/06/transforming-svg-images-into-android.html

Bạn có thể lấy một ví dụ làm việc của kỹ thuật này từ Google Play ở đây: https://play.google.com/store/apps/details?id=pl.bartoszwesolowski.svgtodrawablesample

Dưới đây là một ví dụ về ứng dụng thương mại được tạo bằng kỹ thuật này (bản đồ tàu điện ngầm Milan): https://play.google.com/store/apps/details?id=pl.bartoszwesolowski.atmmetroplan

Lưu ý tốc độ tải bản đồ và độ trông đẹp như thế nào, ngay cả khi phóng to.

Answer 9

Tôi đã xem qua số https://code.google.com/p/androidsvg/. Cho đến nay hiển thị tất cả các tập tin svg tôi đã ném vào nó. Trông đầy hứa hẹn.

Answer 10

Android hỗ trợ drawables vector: https://developer.android.com/reference/android/graphics/drawable/VectorDrawable.html

Và có tồn tại một SVG Android để VectorDrawable Chuyển đổi: http://inloop.github.io/svg2android/

Answer 11

Check-out Support vector drawable. Android studio có công cụ chuyển đổi tệp SVG thành tệp .XML.

khi sử dụng AppCompat với ImageView (hoặc các lớp con như ImageButton và FloatingActionButton), bạn sẽ có thể sử dụng ứng dụng mới: thuộc tính srcCompat để tham chiếu drawables vector (cũng như bất kỳ drawable nào khác có sẵn cho android: src):

Tính đến Android hỗ trợ Thư viện 23.3.0, drawables hỗ trợ vector chỉ có thể được nạp thông qua ứng dụng: srcCompat hoặc setImageResource()