問題タブ [material-design]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
1053 参照

javascript - Angularjs で使用される Polymer のアニメーション ページ

Polymer のアニメーション ページ( http://www.polymer-project.org/docs/elements/core-elements.html#core-animated-pages ) に関連する例と、 Angular/material リポジトリ ( https://github.com/angular/material ) で提供されているリソースを使用した同様のデモ。

http://www.polymer-project.org/components/core-animated-pages/demos/music.htmlを実現したいのですが、Angular を使いたいので Polymer は使いたくありません。

開始するための指示をいくつか教えてください。

0 投票する
2 に答える
1024 参照

css - サイトで使用されているすべての紙要素のインクの色をグローバルに変更する最良の方法は何ですか?

コンポーネント html ファイルのメモには次のように記載されています。

グローバルに実行したいので、メインの site.css で上記の例 (.pink クラスなし) を試しましたが、効果はありませんでした。また、運が悪くても次のことを試しました。

0 投票する
2 に答える
6873 参照

android - KitKat (およびそれ以前) デバイスの Android マテリアル デザイン

プロジェクトとして、私たちの学校で Android アプリケーションを開発する予定です。

Google の新しい Material Design を使用したいのですが、Android-L デバイスでしか利用できないことがわかっています。Jack Underwood は最近、"Today Calendar" と呼ばれるカレンダーをリリースしました。これはマテリアル スタイルで、Kitkat 以下のデバイスで実行されます。

アクションバーの高さが古いものよりも少し大きく、ナビゲーション ドロワーのトグルが新しいスタイルになっていることはわかっています。そして、1つ...

どうすればそれを実装できますか?

0 投票する
1 に答える
607 参照

android - 下位互換性 マテリアル デザイン

Google がこのページで述べているように、マテリアル テーマは Android L Developer Preview でのみ使用できます。しかし、これらのアプリは以前のバージョンの Android L でどのように動作するのでしょうか?

https://play.google.com/store/apps/details?id=com.borggren.notes

http://officialandroid.blogspot.it/2014/10/a-new-look-for-google-play-newsstand.html

他のアプリがあります。

マテリアル デザインに似たコンポーネントを使用していますか?

彼らは「android:Theme.Material」を使用していませんか?

または、以前のバージョンでマテリアル テーマを使用する方法はありますか (これを行う方法がわからないのは私だけです)。

0 投票する
0 に答える
2619 参照

android - アクションバーが透明な場合、コンテンツは不透明なナビゲーションバーの後ろに表示されます

完全に透明なアクションとステータス バーと不透明なナビゲーション バーを持つテーマを実装しようとしています。基本的には、 Google の Material Design ウェブサイトにある例に似たものです。

ここに画像の説明を入力

これは、かなり近いテーマを作成するために私が書いた XML コードです。

ただし、この画像でわかるように、コンテンツは下部のナビゲーション バーの後ろに表示されます。これは、ユーザーが垂直にスクロールすることが期待されるデザインでは問題ありませんが、私はそうしたくありません! スクロールせずにすべてのコンテンツが収まるようにします。

簡単に追加できると思いました

XML レイアウトの一番下のビューで、それを押し上げます。しかし、それはうまくいきません!代わりに、ナビゲーション バーの下部に配置されますが、これは私が望むものではありません。上部に配置する必要があります。

次に、下部から何らかのマージンオフセットを実行できると考えましたが、ナビゲーションバーには ?attr/actionBarSize に似た属性が存在しないようです。任意の値を選択することは避けたいと思います (特にこれらは方向によって異なり、将来変更される可能性があるため)

テーマでは、追加できることは承知しています-

これを達成する方法はどれですか (少なくともナビゲーション バーの場合)。ただし、画像はアクション バーの下にプッシュされます。ナビゲーションバーまたはアクションバーのいずれかで望ましい結果を得ることができるようですが、両方を同時に得ることはできません。Google は人々がこれを行うことさえ望んでいないかのようですが、Material Web サイトでこの例を示しています。

これらの問題を回避する方法はありますか?

0 投票する
9 に答える
123312 参照

angularjs - 使い方角材で?

これが機能していないため、マテリアルのアイコンをどのように使用するのか疑問に思っていました:

アイコン属性へのパラメータとして指定されたパスに問題があると思います。このアイコン フォルダが実際にどこにあるのか知りたいのですが。