Question

我有一个飞镖的SVG图像，我最近使用矢量资产工作室将其转换为矢量。我正在尝试复制显示here这个飞镖的功能。

我遇到的唯一问题是尝试将点击侦听器复制到电路板的某些部分，因为它只是一个图像。我已经尝试过研究将vector或imageview拆分成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"/>

我的游戏活动：

<?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

对于任何可能遇到这种情况的人来说，似乎无法引用矢量资产工作室创建的矢量中的任何内容。您最好的选择是使用WebView并通过将SVG转换为HTML来显示SVG。从那里，您可以随意操作本地HTML。

Answer 2

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

[java svg解析代码]

我只是公开一些内部类，并在用户单击svg中的某个部分时使用列表中的svg xml解析对象保存在列表中，使用单击了svg部分的触摸坐标

代码中的参考向量路径？

2 个答案: