-3

需要实现如下图所示的 UI

最好的方法是什么?我发现了“材料设计”和PhoneGap。我是 android 开发的新手,所以我不知道最佳实践,我想选择最佳路径。我应该使用哪些确切的布局,RelativeLayout 或 TableLayout 或其他,如何将样式应用于 ui 元素、边框、背景等。

我应该使用样式还是内置属性?我可以在某处找到示例代码,可能是好的教程或开源应用程序吗?我在 Deitels 的一本书和 GitHub 中找到了很多示例,但它们看起来都像原生 android ui,而不像 web 或 flat ui。

4

1 回答 1

2

平面材料 UI 设计 Android:

根据我从您的问题中了解到,您想要 Android Native UI 的平面材料设计。

因此,请遵循以下流程:

让我们直接进入材料设计的两个关键特征: 主题和颜色!

主题让您可以为应用程序应用一致的基调,开发人员可以在深色或浅色主题之间进行选择(参见图 1 和图 2)。

在此处输入图像描述

自定义颜色也可以使用主题属性定义,然后应用程序会自动将这些属性用于不同的组件,例如用于状态栏的 colorPrimaryDark 和用于应用栏的 colorPrimary(参见下面的图 3)。

在此处输入图像描述

将 Light 主题添加到我们的应用程序中,并在 res/values/styles.xml styles.xml 中自定义一些颜色

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme.Base" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">#3F51B5</item>
        <!-- Light Indigo -->
        <item name="colorPrimaryDark">#3949AB</item>
        <!-- Dark Indigo -->
        <item name="colorAccent">#00B0FF</item>
        <!-- Blue -->
    </style>
    <style name="AppTheme" parent="AppTheme.Base"></style>
</resources>

该应用程序现在应该如下所示:

在此处输入图像描述

有关更多信息,请单击以下链接。

创建一个 Android 材料设计应用程序

于 2016-02-19T09:45:31.010 回答