-3

次の図のような UI を実装する必要があります

それを行う最良の方法は何ですか?「マテリアルデザイン」とPhoneGapを知りました。私はAndroid開発の初心者なので、ベストプラクティスがわからず、従うべきベストパスを選択したいと考えています. RelativeLayout や TableLayout など、正確にどのレイアウトを使用する必要があるか、UI 要素、境界線、背景などにスタイルを適用する方法。

スタイルまたは組み込み属性を使用する必要がありますか? 良いチュートリアルやオープンソース アプリケーションなど、どこかでサンプル コードを見つけることはできますか? Deitels の本や GitHub でたくさんのサンプルを見つけましたが、どれもウェブやフラット ui ではなく、ネイティブ android ui のように見えます。

4

1 に答える 1

2

フラット マテリアル UI デザイン Android:

あなたの質問から、Android ネイティブ UI のフラットなマテリアル デザインが必要であることがわかりました。

そのため、以下のプロセスに従ってください。

マテリアル デザインの 2 つの重要な機能であるテーマと色に飛び込みましょう。

テーマを使用すると、アプリに一貫したトーンを適用できます。開発者は、暗いテーマまたは明るいテーマを選択できます (図 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 に答える