タグ付けされた質問 「material-design」

EditTextsでフローティングラベルを表示するために、最近リリースされたAndroid Design Support Libraryを使用しています。しかし、UIがレンダリングされたときにEditTextのヒントが表示されないという問題に直面していますが、EditTextにフォーカスするとヒントが表示されます。 私のレイアウトは次のとおりです： <?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <FrameLayout android:layout_width="match_parent" android:layout_height="match_parent"> <ScrollView android:id="@+id/ScrollView01" android:layout_width="match_parent" android:layout_height="match_parent" android:scrollbars="vertical"> <LinearLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:orientation="vertical" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin"> <android.support.design.widget.TextInputLayout android:id="@+id/name_et_textinputlayout" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginTop="@dimen/activity_vertical_margin"> <EditText android:id="@+id/FeedBackerNameET" android:layout_width="fill_parent" android:layout_height="wrap_content" android:hint="@string/feedbackname" android:inputType="textPersonName|textCapWords" /> </android.support.design.widget.TextInputLayout> <android.support.design.widget.TextInputLayout android:id="@+id/email_textinputlayout" android:layout_width="match_parent" android:layout_height="wrap_content"> <EditText android:id="@+id/FeedBackerEmailET" android:layout_width="fill_parent" android:layout_height="wrap_content" android:hint="@string/feedbackemail" android:inputType="textEmailAddress" /> …

96 android  material-design  android-design-library 

リップル効果が組み込まれているロリポップの通常のボタンとは異なり、静止画像であるため、クリックしたときにタッチアニメーションで応答しない画像ボタンがあります。画像にマテリアルデザインのリップルタッチ効果を追加したいのですが、実装する方法が見つからないようです。画像の上にカラーフィルターを設定できますが、それは波及効果ではありません。私がやろうとしていることの例は、Google Playミュージックでアルバムのカバー画像を押したままにし、影の波紋が画像全体を移動する場合です。

95 android  xml  android-5.0-lollipop  imagebutton  material-design 

css-in-jsメソッドを使用してreactコンポーネントにクラスを追加するには、複数のコンポーネントを追加するにはどうすればよいですか？ クラス変数は次のとおりです。 const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); これが私がそれをどのように使用したかです： return ( <div className={ this.props.classes.container }> 上記は機能しますが、classNamesnpmパッケージを使用せずに両方のクラスを追加する方法はありますか？何かのようなもの： <div className={ this.props.classes.container + this.props.classes.spacious}>

95 css  reactjs  material-design  material-ui  jss 

マテリアルデザインをプロジェクトにインポートしようとしている単純な角度のプロジェクトで作業していますが、一部のコンポーネントが正しく機能せず、コンソールの警告で次のように表示されます。 HammerJSが見つかりませんでした。特定のAngular Materialコンポーネントが正しく機能しない場合があります。 私もhammerjsインストールしました@angular/material。この問題を解決するにはどうすればよいですか？ サイドノート それは注目に値することができることをあなたがしている場合はhammerjsインストールし、コンポーネントがまだあなたが使用している作るために、正しくレンダリングされていないangular material コンポーネントとしていないHTML要素materialize-css のクラスを。あなたがいる場合している使用してmaterialize-cssの代わりにangular material、あなたは別に、プロジェクトに追加する必要があります。

94 javascript  angular  material-design  hammer.js 

私はこの例に従っています http://www.androidhive.info/2015/04/android-getting-started-with-material-design/ この例では、ハンバーガーアイコンが白で表示されています。カスタマイズして黒にしたいのですが、変更方法がわかりません。カスタマイズ方法を教えてもらえますか？ マニフェスト <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="info.androidhive.materialdesign" > <uses-permission android:name="android.permission.INTERNET"></uses-permission> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"></uses-permission> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:theme="@style/MyMaterialTheme" > <activity android:name=".activity.MainActivity" android:label="@string/app_name" > <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> </manifest> スタイル <resources> <style name="MyMaterialTheme" parent="MyMaterialTheme.Base"> </style> <style name="MyMaterialTheme.Base" parent="Theme.AppCompat.Light.DarkActionBar"> <item name="windowNoTitle">true</item> <item name="windowActionBar">false</item> <item name="colorPrimary">@color/colorPrimary</item> <item name="colorPrimaryDark">@color/colorPrimaryDark</item> …

88 java  android  user-interface  material-design  navigation-drawer 

Androidデザインサポートライブラリを使用してTextInputLayoutフローティングラベルをEditTextコンポーネントの上に配置した後、フローティングラベルをコンポーネントに追加する方法Spinner（デザインライブラリを使用する必要はない）があるかどうか疑問に思いました。 これは、の上にTextView配置されたようなものを意味しますSpinner（明らかにのようなアニメーションはありませんTextInputLayout）が、テキストサイズ、フォント、および色をTextInputLayoutのフローティングラベルのそれに一致させる必要があります。 たとえば、次のようになります（Spinnersの上にあるラベルを参照）。 前に述べたように、私の主な目的はとSpinner同じようにの上にラベルを付けることです。つまり、TextInputLayoutテキストサイズ、フォント、色、ラベルとコンポーネント間の距離は同じになります。 上のラベルのテキストフィールドを浮動に関するGoogleのデザインのページ、コンポーネントに対するラベルの寸法を示す図がありますが、ラベルテキストの色や大きさの兆候はありません。 要約すると、私は次のように質問し ています。 -そうでない場合は、ので、私は置くことができることを何浮動ラベルテキストのサイズ、色、フォントがあり、TextView私の上のSpinner上の画像に示すレイアウト寸法で。 編集： テキストフィールドのGoogleデザインガイドラインから、フローティングラベルには次のようになります。 ヒントと入力フォント：Roboto Regular 16sp ラベルフォント：Roboto Regular 12sp タイルの高さ：72dp テキストの上下のパディング：16dp テキストフィールドの仕切りのパディング：8dp 上記の画像と同様に。 したがって、フローティングラベルフォントはRoboto Regular 12spです。したがって、使用できるカスタムsや特別なコンポーネントがわからないため、a TextViewを使用してSpinnerラベルを表示Viewできます。 ただし、試してみたところ、図に示す例ほどよく見えません。カスタムビューは、より良い、このためかもしれそれはよりよいを見ることができるように、しかし、上記の溶液は近い私が最初に何を望むかに何かを達成するためのひとつの方法です。

87 android  android-layout  android-spinner  material-design  android-textinputlayout 

私はAndroidプロジェクトに取り組んでおり、NavigationDrawerを実装しています。新しいマテリアルデザイン仕様とマテリアルデザインチェックリストを読んでいます。 仕様では、スライドアウトペインはステータスバーを含む他のすべての上に浮かび、ステータスバーの上に半透明である必要があるとされています。 ナビゲーションパネルはステータスバーの上にありますが、透明度がありません。Google Developersブログスポットの上記のリンクで提案されているように、このSO投稿のコードに従いました。DrawerLayoutを使用してActionBar /ツールバーの上とステータスバーの下に表示するにはどうすればよいですか？。 以下は私のXMLレイアウトです <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/my_drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <android.support.v7.widget.Toolbar android:id="@+id/my_awesome_toolbar" android:layout_height="wrap_content" android:layout_width="match_parent" android:minHeight="?attr/actionBarSize" android:background="@color/appPrimaryColour" /> </LinearLayout> <LinearLayout android:id="@+id/linearLayout" android:layout_width="304dp" android:layout_height="match_parent" android:layout_gravity="left|start" android:fitsSystemWindows="true" android:background="#ffffff"> <ListView android:id="@+id/left_drawer" android:layout_width="match_parent" android:layout_height="match_parent" android:choiceMode="singleChoice"></ListView> </LinearLayout> </android.support.v4.widget.DrawerLayout> 以下は私のアプリのテーマです <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> <item name="colorPrimary">@color/appPrimaryColour</item> <item name="colorPrimaryDark">@color/appPrimaryColourDark</item> <item name="colorAccent">@color/appPrimaryColour</item> <item name="windowActionBar">false</item> …

86 android  navigation-drawer  android-5.0-lollipop  material-design 

私はAndroidサポートライブラリからFloatingActionButtonを変更する方法を理解しようとしています。画像の代わりにテキストで使用できますか？ このようなもの： ImageButtonを拡張しているので、そうではないと思います。私は正しいですか？ これは、マテリアルデザイン全般に関して正しいですか？

85 android  material-design  android-support-library  floating-action-button 

画像でわかるように、後ろに影が欲しいですButton。Button角を丸くして作成しました。しかし、問題は、その背後に影を生成できないことButtonです。どうすればこれを達成できますか？

85 android  material-design  shadow 

最近、サポートライブラリからcom.google.android.material：material：1.0.0に切り替えました しかし今、私は問題を抱えています、このページにはメモがありますhttps://github.com/material-components/material-components-android/blob/master/docs/getting-started.md 注：マテリアルコンポーネントテーマを使用すると、デフォルトのコンポーネントを対応するマテリアルに置き換えるカスタムビューインフレータが有効になります。現在、これはButtonXMLコンポーネントをMaterialButtonに置き換えるだけです。 そして私が使っているテーマ Theme.MaterialComponents.Light.NoActionBar そのメモに書かれていることを正確に実行し、AlertDialogボタンをMaterialButtonsに置き換えますが、問題は、デフォルトでMaterialButtonsが背景色になり、ボタンが次のようになることです。 どうすればそれらをボーダレスおよびバックグラウンドレスに戻すことができますか？ PSアラートビルダーを使用してアラートダイアログを作成しています： android.app.AlertDialog.Builder

83 android  material-design  android-alertdialog  android-styles  material-components-android 

この方法に従って、アプリのマテリアルデザインを取得しようとしています。 アプリを実行するたびに、次のエラーが表示されます。 クラスandroid.support.v7.widget.Toolbarの拡張中にエラーが発生しました。 appcompatを正しく追加したかどうかを確認しました。しかし、それはすべて私には正しいです。だから私が間違っていることを教えてください？ build.gradle apply plugin: 'com.android.application' android { compileSdkVersion 21 buildToolsVersion '21.0.2' defaultConfig { applicationId "io.bxbxbai.feedlistviewdemo" minSdkVersion 14 targetSdkVersion 21 versionCode 1 versionName "1.0" } buildTypes { release { runProguard false proguardFiles 'proguard-rules.pro' } } } configurations { all*.exclude group: 'com.android.support', module: 'support-v4' } dependencies { compile fileTree(include: …

82 android  android-appcompat  material-design 

Googleの受信トレイアプリで新しいメールを作成しているのを見ましたが、ツールバーには戻るボタン（矢印）の代わりに「閉じる」ボタンがあります（写真を参照）。 どうすればこれを達成できますか？

82 android  android-actionbar  material-design 

とを使用しTabLayoutていViewPagerますが、TabLayoutで選択したタブのアイコンの色を最も効率的に変更するにはどうすればよいのでしょうか。 これがどのように実装されるかについての完璧なリファレンスは、GoogleのYoutubeアプリです。メインページには、濃い灰色の4つのアイコンがあります。特定のタブを選択すると、タブのアイコンが白になります。 サードパーティのライブラリがない場合、どうすれば同じ効果を達成できますか？ 考えられる解決策の1つは、明らかにセレクターを使用することです。ただし、その場合は、アイコンの白バージョンと灰色バージョンの両方を見つけて、タブが選択または選択解除されたときにアイコンを切り替える必要があります。アイコンの色などを強調するだけの、もっと効果的な方法があるのではないかと思います。私はどのチュートリアルでもこれを見つけることができませんでした。 編集 上記の解決策では、各タブのアイコンに2つのドローアブルを使用する必要があります。私はプログラム的にそれを行うことができる方法があります場合、私は思ったんだけどONE各タブのアイコンの描画可能に。

82 java  android  mobile  material-design  android-tablayout 

このチュートリアルを使用して、フレキシブルスペースパターン（折りたたみツールバーのあるパターン）を実装します。 Lollipopの連絡先アクティビティと同様の効果を実現しようとしています。このアクティビティに入ると、最初はビューが画像ヘッダーの一部にすぎません。 次に、ユーザーは画像の下のレイアウトを下にスクロールして、最大値に達するまで画像をさらに表示できます。 私のアプリでは、それを機能させることができません。 アクティビティに入ると、画像ヘッダーは、上記のレイアウトと同じように、最大​​サイズであるAppBarLayoutのサイズで表示されます。これは、画像の一部のみが表示されるLollipopContactsアクティビティとは異なります。 これは、AppBarLayoutの高さを設定するコードです（画面の幅を最大の高さにしたい）： int widthPx = getResources().getDisplayMetrics().widthPixels; AppBarLayout appbar = (AppBarLayout)findViewById(R.id.appbar); appbar.setLayoutParams(new CoordinatorLayout.LayoutParams(CoordinatorLayout.LayoutParams.MATCH_PARENT, widthPx)); そして、これはRecyclerViewを設定するコードです。scrollToPositionを使用してみましたが、RecyclerViewのビューが上がると思いましたが、まったく効果がありません。 mRecyclerView = (RecyclerView) findViewById(R.id.activity_profile_bottom_recyclerview); mRecyclerView.setHasFixedSize(true); // use a linear layout manager mLayoutManager = new LinearLayoutManager(this); mRecyclerView.setLayoutManager(mLayoutManager); // specify an adapter (see also next example) if(mAdapter == null){ mAdapter = new ProfileAdapter(this, user, …

80 java  android  android-layout  material-design  android-collapsingtoolbarlayout