問題タブ [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.
javascript - 2 つの MDC ドロワーの同期
私のページには、同じアイテムを持つマテリアル デザイン コンポーネントの引き出しが 2 つあります。1 つはデスクトップ/タブレット表示用に永続的であり、もう 1 つはモバイル表示用に非表示/モーダルです。
どちらも初期化されます:
私は、一方を他方に切り替えるJavaScriptを持っています:
残っているバグは、1 つのドロワーで項目を選択しても、他のドロワーで同じ項目が選択されないことです。あるサイズから別のサイズに移行すると、選択したアイテムがコンテンツと一致しなくなります。
2 つのドロワーをリンクして、一方を選択すると他方の状態が変わるようにすることはできますか (特に、「もう一方の」ドロワーでイベントをトリガーしたり、再帰ループのクロス通知ループに入ったりすることなく)。
編集:賞金を追加しました。完全なソース。
ios - MDCBottomNavigationBar ターゲット ビュー コントローラーを追加する方法
私はマテリアル コンポーネント iOS が初めてで、MDCBottomNavigationBar を使用して、私の迅速なアプリで VC 間を移動したいと考えています。バーを正常にセットアップし、必要な場所に配置しました。そのためにサンプルドキュメントを使用しました。しかし、各タブ バー アイテムをビュー コントローラーに接続する方法がわかりません。これを行う方法の例や、見逃した可能性のあるリソースはありますか?
css - 1 つのコンポーネントの @material テーマの色のみを上書きするには?
は$mdc-theme-secondary: #6b2574
すでに index.scss ファイルの上に定義されています。
$mdc-theme-secondary
デフォルトで を背景色として使用するマテリアル チェックボックス コンポーネントがあります。を変更せずにチェックボックスの色を変更したいmdc-theme-secondary
。
資料資料 を見ていました。
このミックスインを提供していますが、さまざまなことを試した後でも、使い方がわかりません。例も見つかりませんでした。
事前に助けてくれてありがとう。
android - MaterialComponents を使用した ThemeEnforcement エラーが原因で InflateException が時折発生します。の解き方?
これを理解するために丸一日を費やした後、私はそれがマテリアル コンポーネント ライブラリのバグであるとほぼ確信しています。これが私の構成の関連部分です(無関係な要素を削除しました):
スタイル.xml:
Androidマニフェスト:
主な活動:
依存バージョン:
ログインページにMaterialButtonを追加しても問題ありません。問題は、最初のリスト フラグメントの MainActivity から始まります。各アイテムのルートとして MaterialCardView を使用してリサイクラー ビュー アイテムを表示しようとすると、ThemeEnforcement エラーが発生します。MaterialTextButton を追加しようとしても同じことが言えます。私の MaterialCardView xml 宣言は次のようになります。
MaterialComponents ライブラリでブレークポイントを設定すると、ある時点でテーマの検証に失敗することに気付きました。以下は、失敗している場所 (ThemeEnforcement.java 内) を示すライブラリのコードの一部です。
私が知る限り、Theme Enforcer は isMaterialTheme 属性を解決しようとし (この場合は解決できない場合もあります)、マテリアル テーマの色属性の存在をチェックし (colorPrimaryVariant をチェックします)、もう一度失敗します(アプリのテーマでも定義しています。)
先に進んでバグを報告します。誰かが解決策や提案を持っている場合は、非常に感謝しています!
android - テキストのないMaterialButtonのアイコンを中央に配置するには?
私はcom.google.android.material:material
ライブラリの最新バージョン(つまり1.1.0-alpha03
)を使用しており、MaterialButton
次のようにアイコンとテキストなしで定義されています:
アイコンが中央に配置された正方形としてレンダリングされることを望んMaterialButton
でいましたが、代わりにMaterialButton
次のようにレンダリングされます。
iconGravity
値を次のように変更すると"textStart"
、MaterialButton
次のようにレンダリングされます。
これにより、アイコンの位置がわずかに改善されましたが、アイコンはまだ中心から少しずれています。insetLeft
、insetRight
、insetTop
およびのinsetBottom
値を0dp
に変更すると、MaterialButton
次のようにレンダリングされます。
これによりボタンの形状が改善されましたが、アイコンはまだ中心から少しずれています。
内のアイコンを中央に配置するためにさらに何かできることがあるかどうか、誰でも知っていますMaterialButton
か?
android - MaterialCheckBox の周囲の間隔を変更することは可能ですか?
配置されているデフォルトの間隔を変更できるかどうMaterialCheckBox
か、またはこれを許可する計画があるかどうかを知りたいです。
例として、 を4 つ囲み (左、右、上、下)CheckBox
定義し、5 つのいずれにもマージンを指定しないとします。アプリのテーマを次のように定義すると、次のように等間隔でレンダリングされます。TextViews
Views
Theme.AppCompat.Light
CheckBox
アプリのテーマをにTheme.MaterialComponents.Light
変更し、アプリに他の変更を加えない場合、CheckBox
次のようにレンダリングされます。
必要に応じてカスタマイズしたい不等間隔に注意してください。MaterialCheckBox
ドキュメントには何も言及されておらず、この間隔を変更できることについて、クラス定義に明らかなことは何もありません。
(価値があるのは、最新バージョンのcom.google.android.material:material library
、つまりを使用していることです1.1.0-alpha03
。また、上で述べたことはすべて、 を定義するか、レイアウトで定義するかに関係なく適用CheckBox
さAppCompatCheckBox
れMaterialCheckBox
ます。重要なことは、テーマを からTheme.AppCompat.Light
に変更することTheme.MaterialComponents.Light
です。)
ios - iOSの迅速なアプリにマテリアルデザインボタンを追加するには?
マニュアル ( https://material.io/develop/ios/components/buttons/ ) を読みましたが、まだ方法がわかりません。
画面上の私のプロジェクト。ご覧のとおり、画面にボタンがありません。空白の画面をクリックすると、エラーが表示されます。
ボタン タッチ ターゲットは、(48, 48) の最小サイズのガイドラインを満たしていません。ボタン: >、ターゲットをタッチ: {0, 0}
教えてください、私は何が間違っていますか? そして、どうすれば仕事を正しくすることができますか?
ios - MaterialContainerScheme を使用するために必要なものをインポートできません
ベータ podspec の使用に切り替えて、ドキュメントに従って Podfile を更新しようとしたところ、「MaterialComponentsbeta の仕様が見つかりません」というエラーが表示されました。
再現手順
動作を再現する手順:
Podfile
で更新pod 'MaterialComponentsBeta', :git => 'https://github.com/material-components/material-components-ios', :branch => 'develop'
- ラン
pod install
。 - エラーを受け取りました。
予想される行動
適切なポッド ライブラリをインストールする
実際の動作
次のエラーを受け取りました:
プラットフォーム (次の情報を入力してください)
- ココアポッド 1.2.0.rc.1
- モハベ