XamSVG for Android上的Xamarin表单：某些图像未在棉花糖中显示

部分用户将其设备升级为棉花糖。自升级以来，我的应用只显示一些SVG图像。XamSVG for Android上的Xamarin表单：某些图像未在棉花糖中显示

这是我在Android上的两个棒棒糖和棉花糖版本测试了一个示例应用程序的MainPage的XAML代码：

<?xml version="1.0" encoding="utf-8" ?> 
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
      xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
      xmlns:local="clr-namespace:TestXamSVGMarshmallow" 
      xmlns:svg="clr-namespace:XamSvg.XamForms;assembly=XamSvg.XamForms" 
      x:Class="TestXamSVGMarshmallow.MainPage"> 
    <StackLayout> 
    <svg:SvgImage Svg="res:Views.Images.Connect" HeightRequest="40" HorizontalOptions="Center" VerticalOptions="Center"/> 
    <svg:SvgImage Svg="res:Views.Images.LoadMeasurement" HeightRequest="40" HorizontalOptions="Center" VerticalOptions="Center"/> 
    <svg:SvgImage Svg="res:Views.Images.SendData" HeightRequest="40" HorizontalOptions="Center" VerticalOptions="Center"/> 
    <svg:SvgImage Svg="res:Views.Images.SendEMail" HeightRequest="40" HorizontalOptions="Center" VerticalOptions="Center"/> 
    </StackLayout> 
</ContentPage>

这里与棒棒糖一个设备，另一种运行棉花糖的结果：

唯一被接受的图像是“SendData”。

下面是例如一个工作SVG文件（SendData.svg）和另一种是不工作的（Connect.svg）

的SendData：

<?xml version="1.0" encoding="iso-8859-1"?> 
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 
    width="30.001px" height="30.002px" viewBox="0 0 30.001 30.002" style="enable-background:new 0 0 30.001 30.002;" 
    xml:space="preserve"> 
<g> 
    <path d="M27.798,12.362l-2.9-2.9l-7.479,7.479c-0.472,0.47-1.241,0.47-1.712-0.002l-2.712-2.712c-0.471-0.47-0.471-1.24,0-1.712 
     l7.478-7.477l-2.961-2.962C17.042,1.605,17.197,1.165,17.86,1.1l10.925-1.094c0.661-0.065,1.149,0.422,1.082,1.083l-1.093,10.924 
     C28.708,12.677,28.269,12.834,27.798,12.362z M24.658,13.782l4.308,4.308c0.726,0.727,0.726,1.916,0,2.643l-8.724,8.725 
     c-0.727,0.727-1.917,0.727-2.643,0L0.674,12.533c-0.726-0.728-0.726-1.916,0-2.644l8.723-8.723 
     c0.727-0.727,1.917-0.727,2.643-0.001L16.174,5.3l-0.919,0.92l-3.36-3.36l-9.527,9.527l15.025,15.026l9.527-9.528l-3.184-3.183 
     L24.658,13.782z M4.593,8.195c0.088,0.09,0.231,0.089,0.32,0l2.791-2.79c0.088-0.09,0.088-0.231,0-0.32 
     c-0.089-0.089-0.231-0.089-0.32,0L4.593,7.876C4.505,7.964,4.504,8.107,4.593,8.195z M23.943,23.111 
     c-0.365-0.364-0.958-0.363-1.321,0c-0.365,0.365-0.365,0.957,0.001,1.322c0.363,0.364,0.956,0.364,1.32,0 
     C24.307,24.068,24.307,23.477,23.943,23.111z"/> 
</g> 
</svg>

Connect.svg

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="580px" height="580px" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="nonzero" clip-rule="nonzero" viewBox="0 0 5800 5800" xmlns:xlink="http://www.w3.org/1999/xlink"> 
    <title>graph_connection icon</title> 
    <desc>graph_connection icon from the IconExperience.com I-Collection. Copyright by INCORS GmbH (www.incors.com).</desc> 
     <path id="curve28" fill="#000000" d="M1900 2800l2000 0 0 200 -2000 0 0 -200zm-900 -600c387,0 700,313 700,700 0,387 -313,700 -700,700 -387,0 -700,-313 -700,-700 0,-387 313,-700 700,-700zm0 200c-276,0 -500,224 -500,500 0,276 224,500 500,500 276,0 500,-224 500,-500 0,-276 -224,-500 -500,-500zm3800 -200c387,0 700,313 700,700 0,387 -313,700 -700,700 -387,0 -700,-313 -700,-700 0,-387 313,-700 700,-700zm0 200c-276,0 -500,224 -500,500 0,276 224,500 500,500 276,0 500,-224 500,-500 0,-276 -224,-500 -500,-500z"/> 
</svg>

非常感谢您的支持。

来源

2017-02-28 Jean-Daniel Gasser

在我开发的另一个应用程序中，我注意到它非常慢。我看到很多消息“OpenglRenderer：路径太大而无法渲染成纹理，这导致我采取以下解决方法：在AndroidManifest.xml中将属性android：hardwareAccelerated =”false“添加到”Application“节点。解决方法 –

也可以使用LAYER_TYPE_NONE，LAYER_TYPE_SOFTWARE的SetLayerType禁用特定视图上的硬件加速https://developer.android.com/reference/android/view/View.html#setLayerType(int，android.graphics.Paint） – Softlion

感谢这great information page，我终于想通了。

经过很多次尝试，看起来硬件加速的XamSvg不喜欢太大和太小的图像，这当然是由于表示SVG文本文件中值的精度数量。

这里有结论，一切都是用Inkscape的0.92完成：

调整的SVG，以大小约为300像素（文件 - >文档属性/自定义大小）
在“比例”组将文档属性的Scale x设置为1.0（Viewbox的大小必须与文档的大小相同）
对于每个路径，确保“相对模式”没有在所有的“Transform（Shift + Ctrl + M） “属性
使用Inkscape将图像保存为”Optimized SVG“来清理图像如SVG optimizing guide中“ 清洁和优化SVG文件”部分所述。

来源

2017-03-10 16:25:18

XamSVG for Android上的Xamarin表单：某些图像未在棉花糖中显示

回答

相关问题