代码中的参考向量路径?

问题描述 投票:2回答:3

我有一个飞镖的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>
android svg onclicklistener vector-graphics xml-drawable
3个回答
0
投票

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


0
投票

如果我正确理解OP,则需要直接访问静态资源的路径信息。 Android的资源非常适合创建机器可读的静态资源,但在此过程中它们变得相当不透明。我建议你将SVG文件直接翻译成代码。有一些工具,如almosr/android-svg-code-render,可以帮助您实现这一目标。一旦你有Path对象,你就可以使用Path#op相交和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获取代码,并使用它...生成的代码不漂亮,但它的工作原理!


-1
投票

我能够在代码中引用SVG的各个部分,我将这些svg保存在资产中并使用[qazxsw poi从那里加载它

[java svg解析代码]

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

© www.soinside.com 2019 - 2024. All rights reserved.