代码中的参考向量路径？

Question

我有一个飞镖盘的 SVG 图像，最近我使用 vector asset studio 将它转换为矢量。我正在尝试复制 here.

所示的飞镖盘的功能

我遇到的唯一问题是尝试将点击侦听器复制到板的某些部分，因为它只是一个图像。我已经尝试研究将矢量或图像视图拆分为 div 并引用 .XML 文件中的名称，但没有任何结果。是否可以在代码中引用矢量路径并在实现 onclick 侦听器时显示路径名称（IE s19）？或者有不同的方法来解决这个问题吗？

dartboard.xml 的结构：

<vector
xmlns:android="http://schemas.android.com/apk/res/android"
android:width="300dp"
android:height="300dp"
android:viewportHeight="774.0"
android:viewportWidth="787.0">
<group android:name="singles">
    <path
        android:name="s19"
        android:fillColor="#F7E9CD"
        android:pathData="M328,561.9c-2,-0.8 -3.9,-1.7 -5.8,-2.6l66.1,-138.9c2,0.8 4.2,1.5 6.4,1.9L374.7,574.8C358.6,572.6 343,568.3 327.9,561.9zM358.7,696.9l13.4,-102.2c-17.8,-2.5 -35.2,-7.3 -51.9,-14.3c-2.2,-0.9 -4.4,-1.9 -6.6,-2.9l-44.3,93.1c3.6,1.7 7.2,3.3 10.8,4.8C305.3,686.1 331.7,693.3 358.7,696.9z"/>
    <path
        android:name="s14"
        android:fillColor="#FF000000"
        android:pathData="M215.2,362.7c2.2,-16.1 6.6,-31.7 12.9,-46.7c0.8,-2 1.7,-3.9 2.6,-5.8l138.9,66.1c-0.8,2 -1.5,4.2 -1.9,6.4L215.2,362.7zM93.1,346.7l102.2,13.4c2.5,-17.8 7.3,-35.2 14.3,-51.9c0.9,-2.2 1.9,-4.4 2.9,-6.6l-93.1,-44.3c-1.7,3.6 -3.3,7.2 -4.8,10.8C103.9,293.3 96.7,319.7 93.1,346.7z"/>

我的游戏activity:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="com.example.blue.darts.GameActivity">

<ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/imageView"
    android:src="@drawable/dartboard"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"/>
</RelativeLayout>

Answer 1

对于可能遇到此问题的任何人，似乎无法从 vector asset studio 创建的矢量中引用任何内容。最好的办法是使用 WebView 并通过将其转换为 HTML 来显示 SVG。从那里，您可以随心所欲地操纵本地 HTML。

Answer 2

如果我没理解错的话，你需要直接访问静态资源的路径信息。 Android 的资源非常适合创建机器可读的静态资源，但在这个过程中它们变得相当不透明。我建议您将 SVG 文件直接翻译成代码。有工具，例如 almosr/android-svg-code-render, to help you achieve this. Once you have the Path objects you can then use Path#op to intersect and Path#isEmpty 来测试命中。

尽管没有直接关系，但也有 PathMeasure 可用于追踪路径。

我引用的项目没有构建说明，所以这是我所做的，YMMV：

git clone https://github.com/almosr/android-svg-code-render.git
cd android-svg-code-render
curl -O http://central.maven.org/maven2/com/caverock/androidsvg/1.2.1/androidsvg-1.2.1.jar
mkdir classes
javac -cp androidsvg-1.2.1.jar -sourcepath src -d classes src/android_svg_code_render/Main.java
jar cvfm android-svg-code-render src/META-INF/MANIFEST.MF -C classes .
java -jar android-svg-code-render input.svg -o output.java

然后我可以从 output.java 获取代码，并按照我的方式使用它...生成的代码不是很漂亮，但它可以工作！

Answer 3

为此，我能够在代码中引用 SVG 的各个部分，我将这些 svg 保留在资产中并使用 [https://github.com/BigBadaboom/androidsvg]

从那里加载它

[javasvg解析代码]

我只是做了一些内部类 public 并保持 svg xml 当用户点击 svg 中的某个部分时使用列表中的 svg 部分被点击的触摸坐标解析对象

代码中的参考向量路径？

Reference vector paths in code?

android

svg

onclicklistener

vector-graphics

xml-drawable