android studio lucasr.dspec UI design

最新推荐文章于 2025-03-28 11:39:57 发布

原创最新推荐文章于 2025-03-28 11:39:57 发布 · 376 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何使用 DSpec 在 Android 项目中实现统一的设计规范，包括基线网格、关键线及间距设置等。通过 Gradle 添加依赖并配置 res/raw 中的 JSON 文件，最终在布局文件中引用这些规范。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

github：https://github.com/lucasr/dspec

在gradle添加依赖：

compile 'org.lucasr.dspec:dspec:0.1.1'

在res中新建raw，raw中新建text

copy：

{
    "baselineGridVisible": true,
    "baselineGridCellSize": 8,
    "keylines": [
        { "offset": 16,
          "from": "LEFT" },
        { "offset": 72,
          "from": "LEFT" },
        { "offset": 16,
          "from": "RIGHT" }
    ],
    "spacings": [
        { "offset": 0,
          "size": 16,
          "from": "LEFT" },
        { "offset": 56,
          "size": 16,
          "from": "LEFT" },
        { "offset": 0,
          "size": 16,
          "from": "RIGHT" }
    ]
}
在navigation的fragment内容放到：

<org.lucasr.dspec.DesignSpecFrameLayout android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    app:designSpec="@raw/spec">