Tại sao vectơ của tôi không thể mở rộng tỷ lệ như mong đợi?

Tôi đang cố gắng sử dụng vector có thể kéo được trong ứng dụng Android của mình. Từ http://developer.android.com/training/material/drawables.html (tôi nhấn mạnh):

Trong Android 5.0 (API cấp 21) trở lên, bạn có thể xác định các tệp có thể vẽ vectơ, chia tỷ lệ mà không làm mất định nghĩa.

Sử dụng có thể vẽ này:

<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:height="24dp"
android:width="24dp"
android:viewportWidth="24"
android:viewportHeight="24">
<path android:fillColor="@color/colorPrimary" android:pathData="M14,20A2,2 0 0,1 12,22A2,2 0 0,1 10,20H14M12,2A1,1 0 0,1 13,3V4.08C15.84,4.56 18,7.03 18,10V16L21,19H3L6,16V10C6,7.03 8.16,4.56 11,4.08V3A1,1 0 0,1 12,2Z" />

và ImageView này:

<ImageView
    android:layout_width="400dp"
    android:layout_height="400dp"
    android:src="@drawable/icon_bell"/>

tạo ra hình ảnh mờ này khi cố gắng hiển thị biểu tượng ở 400dp (trên một thiết bị di động khá lớn chạy kẹo mút vào khoảng năm 2015 có độ phân giải cao):

Thay đổi chiều rộng và chiều cao trong định nghĩa của vectơ có thể vẽ thành 200dp cải thiện đáng kể tình hình ở kích thước kết xuất 400dp. Tuy nhiên, việc đặt điều này làm phần tử TextView (tức là biểu tượng ở bên trái văn bản) có thể vẽ được bây giờ sẽ tạo ra một biểu tượng lớn.

Những câu hỏi của tôi:

1) Tại sao lại có thông số chiều rộng / chiều cao trong vector có thể vẽ được? Tôi nghĩ rằng toàn bộ điểm của những điều này là chúng tăng và giảm một cách dễ dàng làm cho chiều rộng và chiều cao trở nên vô nghĩa trong định nghĩa của nó?

2) Có thể sử dụng một vectơ có thể vẽ hoạt động như một tệp có thể vẽ 24dp trên TextView nhưng mở rộng quy mô tốt để sử dụng nhiều hình ảnh lớn hơn không? Ví dụ: làm cách nào để tránh tạo nhiều tệp có thể kéo vectơ với các kích thước khác nhau và thay vào đó sử dụng một bảng có tỷ lệ phù hợp với yêu cầu hiển thị của tôi?

3) Làm cách nào để sử dụng hiệu quả các thuộc tính width / height và sự khác biệt với viewportWidth / Height là gì?

Chi tiết bổ sung:

• Thiết bị đang chạy API 22
• Sử dụng Android Studio v1.5.1 với phiên bản Gradle 1.5.0
• Manifest là biên dịch và mục tiêu cấp 23, cấp tối thiểu 15. Tôi cũng đã thử chuyển cấp tối thiểu lên 21, nhưng điều này không có gì khác biệt.
• Việc biên dịch APK (với mức tối thiểu được đặt thành 21) hiển thị một tài nguyên XML duy nhất trong thư mục có thể vẽ. Không có hình ảnh nào được tạo ra.

Có thông tin mới về vấn đề này ở đây:

https://code.google.com/p/android/issues/detail?id=202019

Có vẻ như việc sử dụng android:scaleType="fitXY"sẽ làm cho nó chia tỷ lệ chính xác trên Lollipop.

Từ một kỹ sư của Google:

Xin chào, Hãy cho tôi biết nếu scaleType = 'fitXY' có thể là một giải pháp thay thế cho bạn, để có được hình ảnh sắc nét.

Marshmallow Vs Lollipop là do một phương pháp xử lý đóng cặn đặc biệt được thêm vào marshmallow.

Ngoài ra, đối với nhận xét của bạn: "Hành vi đúng: Vectơ có thể vẽ phải chia tỷ lệ mà không làm giảm chất lượng. Vì vậy, nếu chúng tôi muốn sử dụng cùng một nội dung ở 3 kích thước khác nhau trong ứng dụng của mình, chúng tôi không phải sao chép vector_drawable.xml 3 lần với các kích thước mã cứng. "

Mặc dù tôi hoàn toàn đồng ý rằng điều này nên xảy ra, trên thực tế, nền tảng Android có mối quan tâm về hiệu suất khiến chúng ta chưa đạt được thế giới lý tưởng. Vì vậy, bạn thực sự nên sử dụng 3 vector_drawable.xml khác nhau để có hiệu suất tốt hơn nếu bạn chắc chắn muốn vẽ 3 kích thước khác nhau trên màn hình cùng một lúc.

Chi tiết kỹ thuật về cơ bản là chúng ta đang sử dụng một bitmap dưới móc để lưu vào bộ nhớ cache kết xuất đường dẫn phức tạp, để chúng ta có thể có được hiệu suất vẽ lại tốt nhất, ngang bằng với việc vẽ lại một bitmap có thể vẽ được.

1) Tại sao lại có thông số chiều rộng / chiều cao trong vector có thể vẽ được? Tôi nghĩ rằng toàn bộ điểm của những điều này là chúng tăng và giảm một cách dễ dàng làm cho chiều rộng và chiều cao trở nên vô nghĩa trong định nghĩa của nó?

Đối với các phiên bản SDK nhỏ hơn 21 trong đó hệ thống xây dựng cần tạo hình ảnh raster và làm kích thước mặc định trong trường hợp bạn không chỉ định chiều rộng / chiều cao.

2) Có thể sử dụng một vectơ có thể vẽ hoạt động như một tệp có thể vẽ 24dp trên TextView cũng như hình ảnh có chiều rộng gần màn hình lớn không?

Tôi không tin rằng điều này là khả thi nếu bạn cũng cần nhắm mục tiêu SDK nhỏ hơn 21.

3) Làm cách nào để sử dụng hiệu quả các thuộc tính width / height và sự khác biệt với viewportWidth / Height là gì?

Tài liệu: (thực sự không hữu ích lắm khi tôi đọc lại nó ...)

android:width

Được sử dụng để xác định chiều rộng nội tại của có thể vẽ. Điều này hỗ trợ tất cả các đơn vị thứ nguyên, thường được chỉ định bằng dp.

android:height

Được sử dụng để xác định chiều cao nội tại có thể vẽ. Điều này hỗ trợ tất cả các đơn vị thứ nguyên, thường được chỉ định bằng dp.

android:viewportWidth

Được sử dụng để xác định chiều rộng của không gian khung nhìn. Viewport về cơ bản là canvas ảo nơi các đường dẫn được vẽ trên đó.

android:viewportHeight

Được sử dụng để xác định chiều cao của không gian khung nhìn. Viewport về cơ bản là canvas ảo nơi các đường dẫn được vẽ trên đó.

Tài liệu khác:

Android 4.4 (API cấp 20) trở xuống không hỗ trợ các tệp có thể kéo vectơ. Nếu mức API tối thiểu của bạn được đặt ở một trong các mức API này, Vector Asset Studio cũng chỉ đạo Gradle tạo hình ảnh raster của vector có thể vẽ để tương thích ngược. Bạn có thể tham khảo các tài sản vectơ như Drawabletrong mã Java hoặc @drawabletrong mã XML; khi ứng dụng của bạn chạy, hình ảnh vectơ hoặc đường raster tương ứng sẽ tự động hiển thị tùy thuộc vào cấp API.

Chỉnh sửa: Có điều gì đó kỳ lạ đang xảy ra. Đây là kết quả của tôi trong SDK trình giả lập phiên bản 23 (thiết bị thử nghiệm Lollipop + hiện đã chết ...):

Và trong SDK trình giả lập phiên bản 21:

AppCompat 23.2 giới thiệu các vector có thể kéo được cho tất cả các thiết bị chạy Android 2.1 trở lên. Hình ảnh chia tỷ lệ chính xác, không theo quy luật của chiều rộng / chiều cao được chỉ định trong tệp XML của vector có thể vẽ. Rất tiếc, triển khai này không được sử dụng trong API cấp 21 trở lên (có lợi cho triển khai gốc).

Tin tốt là chúng ta có thể buộc AppCompat sử dụng cách triển khai của nó trên API cấp 21 và 22. Tin xấu là chúng ta phải sử dụng phản chiếu để thực hiện điều này.

Trước hết, hãy đảm bảo rằng bạn đang sử dụng phiên bản mới nhất của AppCompat và bạn đã bật triển khai vectơ mới:

android {
  defaultConfig {
    vectorDrawables.useSupportLibrary = true
  }
}

dependencies {
    compile 'com.android.support:appcompat-v7:23.2.0'
}

Sau đó, gọi useCompatVectorIfNeeded();trong onCreate () của Ứng dụng của bạn:

private void useCompatVectorIfNeeded() {
    int sdkInt = Build.VERSION.SDK_INT;
    if (sdkInt == 21 || sdkInt == 22) { //vector drawables scale correctly in API level 23
        try {
            AppCompatDrawableManager drawableManager = AppCompatDrawableManager.get();
            Class<?> inflateDelegateClass = Class.forName("android.support.v7.widget.AppCompatDrawableManager$InflateDelegate");
            Class<?> vdcInflateDelegateClass = Class.forName("android.support.v7.widget.AppCompatDrawableManager$VdcInflateDelegate");

            Constructor<?> constructor = vdcInflateDelegateClass.getDeclaredConstructor();
            constructor.setAccessible(true);
            Object vdcInflateDelegate = constructor.newInstance();

            Class<?> args[] = {String.class, inflateDelegateClass};
            Method addDelegate = AppCompatDrawableManager.class.getDeclaredMethod("addDelegate", args);
            addDelegate.setAccessible(true);
            addDelegate.invoke(drawableManager, "vector", vdcInflateDelegate);
        } catch (ClassNotFoundException e) {
            e.printStackTrace();
        } catch (NoSuchMethodException e) {
            e.printStackTrace();
        } catch (IllegalAccessException e) {
            e.printStackTrace();
        } catch (InstantiationException e) {
            e.printStackTrace();
        } catch (InvocationTargetException e) {
            e.printStackTrace();
        }
    }
}

Cuối cùng, hãy đảm bảo rằng bạn đang sử dụng app:srcCompatthay vì android:srcđặt hình ảnh của ImageView:

<ImageView
    android:layout_width="400dp"
    android:layout_height="400dp"
    app:srcCompat="@drawable/icon_bell"/>

Các bảng vẽ vector của bạn bây giờ sẽ chia tỷ lệ chính xác!

1) Tại sao lại có thông số chiều rộng / chiều cao trong vector có thể vẽ được? Tôi nghĩ rằng toàn bộ điểm của những điều này là chúng tăng và giảm một cách dễ dàng làm cho chiều rộng và chiều cao trở nên vô nghĩa trong định nghĩa của nó?

Đây chỉ là kích thước mặc định của vectơ trong trường hợp bạn không xác định nó trong dạng xem bố cục. (tức là Bạn sử dụng nội dung bao bọc cho chiều cao và chiều rộng của chế độ xem hình ảnh của bạn)

2) Có thể sử dụng một vectơ có thể vẽ hoạt động như một tệp có thể vẽ 24dp trên TextView cũng như hình ảnh có chiều rộng gần màn hình lớn không?

Có, Có thể và tôi không gặp vấn đề gì với việc thay đổi kích thước miễn là thiết bị đang chạy sử dụng kẹo mút hoặc cao hơn. Trong các API trước đây, vectơ được chuyển đổi thành pngs cho các kích thước màn hình khác nhau khi bạn tạo ứng dụng.

3) Làm cách nào để sử dụng hiệu quả các thuộc tính width / height và sự khác biệt với viewportWidth / Height là gì?

Điều này ảnh hưởng đến cách sử dụng không gian xung quanh vectơ của bạn. tức là Bạn có thể sử dụng nó để thay đổi "trọng lực" của vectơ bên trong khung nhìn, làm cho vectơ có lề mặc định, để các phần nhất định của vectơ ra khỏi chế độ xem, v.v. Thông thường, bạn chỉ cần đặt chúng như nhau kích thước.

Tôi giải quyết vấn đề của mình chỉ cần thay đổi kích thước của hình ảnh vector. Từ đầu tiên, nó là tài nguyên như:

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:aapt="http://schemas.android.com/aapt"
    android:width="24dp"
    android:height="24dp"
    android:viewportHeight="300"
    android:viewportWidth="300">

Và tôi đã thay đổi nó thành 150dp (kích thước của ImageView trong bố cục với tài nguyên vectơ này) như:

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:aapt="http://schemas.android.com/aapt"
    android:width="150dp"
    android:height="150dp"
    android:viewportHeight="300"
    android:viewportWidth="300">

Nó làm việc cho tôi.

Tôi phải thử những cách này nhưng không may, không có cách nào trong số chúng hiệu quả. Tôi thử fitXYvào ImageView, tôi thử sử dụng app:srcCompatnhưng thậm chí không thể sử dụng nó. nhưng tôi đã tìm ra một mẹo nhỏ:

đặt Drawable thành backgroundcủa bạn ImageView.

Nhưng điểm của cách này là các thứ nguyên Lượt xem. nếu bạn ImageViewcó kích thước không chính xác, có thể kéo được Kéo dài. bạn phải kiểm soát nó trong các phiên bản trước lollipop hoặc Sử dụng một số Chế độ xem PercentRelativeLayout.

Hy vọng nó hữu ích.

Đầu tiên : nhập svg vào drawble: (( https://www.learn2crack.com/2016/02/android-studio-svg.html ))

1-Nhấp chuột phải vào thư mục có thể vẽ chọn Mới -> Nội dung Vector

2- Vector Asset Studio cung cấp cho bạn tùy chọn để chọn các biểu tượng Vật liệu có sẵn hoặc tệp svg cục bộ của riêng bạn. Bạn có thể ghi đè kích thước mặc định nếu cần.

Thứ hai : nếu bạn muốn được hỗ trợ từ Android API 7+, bạn phải sử dụng bản ghi Thư viện hỗ trợ Android (( https://stackoverflow.com/a/44713221/1140304 ))

1- thêm

vectorDrawables.useSupportLibrary = true

vào tệp build.gradle của bạn.

2-Sử dụng không gian tên trong bố cục của bạn có imageView:

xmlns:app="http://schemas.android.com/apk/res-auto"

Thứ ba : đặt imageView với android: scaleType = "fitXY" và sử dụng ứng dụng: srcCompat

 <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="fitXY"
        app:srcCompat="@drawable/ic_menu" />

Thứ tư : nếu bạn muốn đặt svg trong mã java, bạn phải thêm dòng dưới đây trên oncreate methoed

 @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        AppCompatDelegate.setCompatVectorFromResourcesEnabled(true);
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

Đối với tôi, lý do khiến vectơ được chuyển đổi thành png là android:fillType="evenodd"thuộc tính trong vectơ có thể vẽ của tôi. Khi tôi xóa tất cả các lần xuất hiện của thuộc tính này trong tệp có thể vẽ của mình (đối với nonzerokiểu điền mặc định được áp dụng cho vectơ), lần sau khi ứng dụng được tạo, mọi thứ đều ổn.