將Vector資源導入Android Studio時出錯

我在Illustrator中創建了一個簡單的播放按鈕圖像，將其保存爲SVG，使用在線SVG到Drawable轉換器創建該文件的xml，然後嘗試使用Android Studio的Vector Asset工具將文件導入到我的項目中。但是，導入時，繪圖元素中的一個元素丟失了，在這種情況下，圓形中間的白色三角形不存在。將Vector資源導入Android Studio時出錯

play_circle.xml（轉換後的XML文件）

<?xml version="1.0" encoding="utf-8"?> 
<vector xmlns:android="http://schemas.android.com/apk/res/android" 
    android:viewportWidth="94" 
    android:viewportHeight="102" 
    android:width="94dp" 
    android:height="102dp"> 
    <path 
     android:pathData="M85 52.5A38.5 38.5 0 0 1 46.5 91 38.5 38.5 0 0 1 8   
52.5 38.5 38.5 0 0 1 46.5 14 38.5 38.5 0 0 1 85 52.5Z" 
    android:strokeWidth="2" 
    android:fillColor="#424900" 
    android:strokeAlpha="0.29" 
    android:fillAlpha="0.29" 
    android:strokeColor="#000000" 
    android:strokeMiterLimit="10" /> 
<path 
    android:pathData="M71.39 51.63L34.81 30.51" 
    android:fillColor="#ffffff" /> 
</vector>

play_button.svg, as created in illustrator and how it's intended to be

how it appears after being imported into android studio.Using Android Studio's Vector Asset Studio tool, you can see that the white triangle is already missing.

來源

2016-09-21 RustWebDev

您是否在drawable-v21中添加了此xml？ –

是的。爲了澄清，無論何時我在Android Studio中打開Vector Asset Import工具，圖像已經混亂（不顯示中間的白色三角形）。我不知道這個工具是否有bug – RustWebDev

你可以添加原始的SVG文件嗎？ – kazhiu

雖然轉換PNG至SVG有一些我們需要遵循的規則。所有轉換器都不能正常工作。在我的情況下，我找到了最好的轉換器網站，它會給你預覽圖像，以確認在轉換過程中，這將要求免費註冊，然後你可以下載你的svg文件。

Convert PNG to SVG

產生SVG後，使用以下工具將SVG轉換爲矢量繪製（這是必要的，因爲不知何故機器人工作室是不是能夠導入通過隨機轉換器產生的所有格式和樣式）

Generate vector drawable from SVG

我爲您的圖像做了上述步驟。我創建了完美的矢量繪製，您可以通過創建新的xml直接複製到您的可繪製文件夾。（通過作爲源代碼進行測試，請享受！）

<?xml version="1.0" encoding="utf-8"?> 
<vector xmlns:android="http://schemas.android.com/apk/res/android" 
android:width="138dp" 
android:height="151dp" 
android:viewportWidth="138" 
android:viewportHeight="151"> 

<path 
    android:fillColor="#ffffff" 
    android:pathData="M 0.00 0.00 L 136.94 0.00 C 136.87 48.67 136.95 97.33 136.88 146.00 C 137.12 
147.64 136.29 149.93 138.00 151.00 L 0.00 151.00 L 0.00 0.00 Z" /> 
    <path 
    android:fillColor="#c7c9b7" 
    android:pathData="M 136.94 0.00 L 138.00 0.00 L 138.00 151.00 L 138.00 151.00 C 136.29 149.93 
    137.12 147.64 136.88 146.00 C 136.95 97.33 136.87 48.67 136.94 0.00 Z" /> 
<path 
    android:fillColor="#c7c9b7" 
    android:pathData="M 60.36 18.50 C 77.71 16.46 95.72 22.52 108.36 34.56 C 120.55 46.19 127.59 63.12 
    126.81 79.99 C 126.14 101.98 112.25 123.13 91.95 131.82 C 81.01 137.33 68.13 
    138.47 56.13 136.23 C 37.74 133.08 21.41 120.27 13.46 103.43 C 7.33 90.93 6.03 
    76.16 9.58 62.73 C 14.43 43.60 29.48 27.32 48.31 21.29 C 52.28 20.16 56.25 18.96 
    60.36 18.50 Z" /> 
<path 
    android:fillColor="#ffffff" 
    android:pathData="M 46.98 47.96 C 46.74 46.39 47.53 43.71 49.61 44.42 C 67.56 54.69 85.44 65.06 
    103.33 75.43 C 104.44 75.89 105.51 76.60 105.76 77.86 C 105.26 78.65 104.62 
    79.29 103.84 79.80 C 86.11 90.08 68.32 100.27 50.60 110.59 C 49.59 111.11 48.54 
    111.11 47.46 110.58 C 47.35 110.18 47.12 109.38 47.01 108.98 C 46.95 88.64 47.03 
    68.30 46.98 47.96 Z" /> 
</vector>

來源

2016-09-21 05:52:53 Jai

當向量在素描中創建時，通常會出現此錯誤。 Here's an article關於如何解決它。

來源

2017-07-06 09:18:01 penduDev

我沒有任何我的資產可以被矢量資產工作室理解。原因是我的系統是法文的。由於,與svg路徑中的.不同，因此它在英語中需要它，並且會自動在系統的語言環境中進行翻譯。嘗試使您的系統運行英文語言環境（在操作系統級別 - 更改語言）

來源

2018-01-15 16:42:23

將Vector資源導入Android Studio時出錯

回答

相關問題