問題タブ [material-components]

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 に答える
866 参照

javascript - 2 つの MDC ドロワーの同期

私のページには、同じアイテムを持つマテリアル デザイン コンポーネントの引き出しが 2 つあります。1 つはデスクトップ/タブレット表示用に永続的であり、もう 1 つはモバイル表示用に非表示/モーダルです。

どちらも初期化されます:

私は、一方を他方に切り替えるJavaScriptを持っています:

残っているバグは、1 つのドロワーで項目を選択しても、他のドロワーで同じ項目が選択されないことです。あるサイズから別のサイズに移行すると、選択したアイテムがコンテンツと一致しなくなります。

2 つのドロワーをリンクして、一方を選択すると他方の状態が変わるようにすることはできますか (特に、「もう一方の」ドロワーでイベントをトリガーしたり、再帰ループのクロス通知ループに入ったりすることなく)。

編集:賞金を追加しました。完全なソース

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

ios - MDCBottomNavigationBar ターゲット ビュー コントローラーを追加する方法

私はマテリアル コンポーネント iOS が初めてで、MDCBottomNavigationBar を使用して、私の迅速なアプリで VC 間を移動したいと考えています。バーを正常にセットアップし、必要な場所に配置しました。そのためにサンプルドキュメントを使用しました。しかし、各タブ バー アイテムをビュー コントローラーに接続する方法がわかりません。これを行う方法の例や、見逃した可能性のあるリソースはありますか?

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

android - OutlinedBox TextInputLayout と重心?

TextInputLayoutで中央揃えの新しいOutlinedBoxスタイルを実現するにはどうすればよいですか?

現在の動作:

左と中央

私は使用しますcom.android.support:design:28.0.0

中央揃えの通常の TextInputEditText を実装するアイデアはありますか?

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

css - 1 つのコンポーネントの @material テーマの色のみを上書きするには?

$mdc-theme-secondary: #6b2574すでに index.scss ファイルの上に定義されています。

$mdc-theme-secondaryデフォルトで を背景色として使用するマテリアル チェックボックス コンポーネントがあります。を変更せずにチェックボックスの色を変更したいmdc-theme-secondary

資料資料 を見ていました。

このミックスインを提供していますが、さまざまなことを試した後でも、使い方がわかりません。例も見つかりませんでした。

事前に助けてくれてありがとう。

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

android - MaterialComponents を使用した ThemeEnforcement エラーが原因で InflateException が時折発生します。の解き方?

これを理解するために丸一日を費やした後、私はそれがマテリアル コンポーネント ライブラリのバグであるとほぼ確信しています。これが私の構成の関連部分です(無関係な要素を削除しました):

スタイル.xml:

Androidマニフェスト:

主な活動:

依存バージョン:

ログインページにMaterialButtonを追加しても問題ありません。問題は、最初のリスト フラグメントの MainActivity から始まります。各アイテムのルートとして MaterialCardView を使用してリサイクラー ビュー アイテムを表示しようとすると、ThemeEnforcement エラーが発生します。MaterialTextButton を追加しようとしても同じことが言えます。私の MaterialCardView xml 宣言は次のようになります。

MaterialComponents ライブラリでブレークポイントを設定すると、ある時点でテーマの検証に失敗することに気付きました。以下は、失敗している場所 (ThemeEnforcement.java 内) を示すライブラリのコードの一部です。

私が知る限り、Theme Enforcer は isMaterialTheme 属性を解決しようとし (この場合は解決できない場合もあります)、マテリアル テーマの色属性の存在をチェックし (colorPrimaryVariant をチェックします)、もう一度失敗します(アプリのテーマでも定義しています。)

先に進んでバグを報告します。誰かが解決策や提案を持っている場合は、非常に感謝しています!

0 投票する
5 に答える
18119 参照

android - テキストのないMaterialButtonのアイコンを中央に配置するには?

私はcom.google.android.material:materialライブラリの最新バージョン(つまり1.1.0-alpha03)を使用しており、MaterialButton次のようにアイコンとテキストなしで定義されています:

アイコンが中央に配置された正方形としてレンダリングされることを望んMaterialButtonでいましたが、代わりにMaterialButton次のようにレンダリングされます。

アイコン付きの MaterialButtonStart の Gravity 値

iconGravity値を次のように変更すると"textStart"MaterialButton次のようにレンダリングされます。

textStart の iconGravity 値を持つ MaterialButton

これにより、アイコンの位置がわずかに改善されましたが、アイコンはまだ中心から少しずれています。insetLeftinsetRightinsetTopおよびのinsetBottom値を0dpに変更すると、MaterialButton次のようにレンダリングされます。

ここに画像の説明を入力

これによりボタンの形状が改善されましたが、アイコンはまだ中心から少しずれています。

内のアイコンを中央に配置するためにさらに何かできることがあるかどうか、誰でも知っていますMaterialButtonか?

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

android - MaterialCheckBox の周囲の間隔を変更することは可能ですか?

配置されているデフォルトの間隔を変更できるかどうMaterialCheckBoxか、またはこれを許可する計画があるかどうかを知りたいです。

例として、 を4 つ囲み (左、右、上、下)CheckBox定義し、5 つのいずれにもマージンを指定しないとします。アプリのテーマを次のように定義すると、次のように等間隔でレンダリングされます。TextViewsViewsTheme.AppCompat.LightCheckBox

Theme.AppCompat.Light テーマでレンダリングされた CheckBox

アプリのテーマをにTheme.MaterialComponents.Light変更し、アプリに他の変更を加えない場合、CheckBox次のようにレンダリングされます。

ここに画像の説明を入力

必要に応じてカスタマイズしたい不等間隔に注意してください。MaterialCheckBox ドキュメントには何も言及されておらず、この間隔を変更できることについて、クラス定義に明らかなことは何もありません。

(価値があるのは、最新バージョンのcom.google.android.material:material library、つまりを使用していることです1.1.0-alpha03。また、上で述べたことはすべて、 を定義するか、レイアウトで定義するかに関係なく適用CheckBoxAppCompatCheckBoxMaterialCheckBoxます。重要なことは、テーマを からTheme.AppCompat.Lightに変更することTheme.MaterialComponents.Lightです。)

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

ios - iOSの迅速なアプリにマテリアルデザインボタンを追加するには?

マニュアル ( https://material.io/develop/ios/components/buttons/ ) を読みましたが、まだ方法がわかりません。

画面上の私のプロジェクト。ご覧のとおり、画面にボタンがありません。空白の画面をクリックすると、エラーが表示されます。

ボタン タッチ ターゲットは、(48, 48) の最小サイズのガイドラインを満たしていません。ボタン: >、ターゲットをタッチ: {0, 0}

私のプロジェクトのスクリーンショット

教えてください、私は何が間違っていますか? そして、どうすれば仕事を正しくすることができますか?

0 投票する
3 に答える
6887 参照

android - Android でチップの境界線の色を設定する

私のアンドロイドアプリには、このようなシンプルなチップがあります。

ここに画像の説明を入力

このようにするために境界線の色を設定する方法はありますか?

ここに画像の説明を入力

更新:形状を追加しようとしましたが、レイアウトの膨張中に例外があります

drawable/chip_with_border.xml

これにより、例外が発生します

android.view.InflateException: バイナリ XML ファイルの行 #32: クラス android.support.design.chip.Chip の膨張エラー

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

ios - MaterialContainerScheme を使用するために必要なものをインポートできません

ベータ podspec の使用に切り替えて、ドキュメントに従って Podfile を更新しようとしたところ、「MaterialComponentsbeta の仕様が見つかりません」というエラーが表示されました。

再現手順

動作を再現する手順:

  1. Podfileで更新pod 'MaterialComponentsBeta', :git => 'https://github.com/material-components/material-components-ios', :branch => 'develop'
  2. ランpod install
  3. エラーを受け取りました。

予想される行動

適切なポッド ライブラリをインストールする

実際の動作

次のエラーを受け取りました:

プラットフォーム (次の情報を入力してください)

  • ココアポッド 1.2.0.rc.1
  • モハベ