如何预览XML可绘制图形?

44

我正在处理相当复杂的xml drawable,想知道是否有任何工具或插件能够让我预览我的drawable?

我正在寻找类似于布局中可用的“图形布局”选项卡的东西。

例如,如果我有这样的内容:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:left="0dp" android:right="0dp"> 
        <shape android:shape="rectangle">

            <gradient android:angle="-90" android:startColor="#2B2B2B"
                android:endColor="#000000" />

        </shape>
    </item>
    <item android:top="1sp" android:bottom="26sp" > 
        <shape android:shape="rectangle">
            <solid android:color="#10ffffff"/>
    </shape>

    </item>
</layer-list>

我怎样能够预览形状和渐变呢? 也许只是做梦,但是有没有一些图形工具可以构建可绘制对象?

10个回答

86
在Android Studio中执行以下操作:查看 -> 工具窗口 -> 预览。

安卓用户是否能明确知道你所指的工具是哪一个? - qwerty_so
@grunk 我建议接受这个答案作为正确的答案。 - Amio.io

9

7

在窗口右侧点击“预览”按钮。

enter image description here


5
在Eclipse中: 使用根LinearLayout创建新布局。 打开大纲视图。 在属性表中找到View.Background。 点击按钮... 现在你可以选择颜色和Drawable资源,并且有一个小预览。

4

Android Studio提供了一个很好的插件,名为

"Vector Drawable Thumbnails"

这将为您的项目添加一个很好的矢量可绘制图形总览。只需查看侧边栏并打开视图,您将得到它们的缩略图表。

矢量可绘制图形缩略图


3

Android Studio 2X

  1. 点击菜单栏:View -> Tool Windows -> Preview
  2. 或者在右侧点击Preview

enter image description here


2

另一种可能性:

只需创建一个名为“test”的新布局,进入图形布局,在其中创建一个按钮(或任何视图),并将可绘制对象分配给按钮的背景。该可绘制对象被呈现出来(其普通状态)。


1

在Android Studio 4.0中,之前提到的预览选项已经不存在了。请在编辑器选项卡右上角寻找这个分段控件。

Android Studio 4.0.1 showing code/split/design control


1

一种预览资源的方法是使用Android Studio中的资源管理器。它作为一个单独的选项卡可见:

PrintScreen


0

如果您想预览选择器,可以在预览面板上找到带有状态的选项卡 输入图像描述


1
你怎么获取这些状态标签?目前没有明显的方法可以获取它们。 - desgraci
4年后,运行Android Studio Giraffe 2022.3.1,我也找不到在哪里打开这个状态栏。 - LabGecko

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接