Als «material-design» getaggte Fragen

Ich habe eine Bildschaltfläche, die beim Klicken nicht mit einer Berührungsanimation reagiert, da es sich im Gegensatz zu normalen Schaltflächen auf dem Lutscher, die über den integrierten Welleneffekt verfügen, um ein statisches Bild handelt. Ich möchte dem Bild den Ripple-Touch-Effekt für das Materialdesign hinzufügen, kann aber anscheinend keinen Weg finden, …

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

Ich arbeite an einem einfachen Winkelprojekt, bei dem ich versuche, Material Design in mein Projekt zu importieren, aber einige der Komponenten funktionieren nicht richtig und eine Konsolenwarnung lautet: HammerJS konnte nicht gefunden werden. Bestimmte Winkelmaterialkomponenten funktionieren möglicherweise nicht richtig. Ich habe hammerjsinstalliert und auch @angular/material. Wie löse ich dieses Problem? …

94 javascript  angular  material-design  hammer.js 

Ich möchte die Markenfarben meines Unternehmens in der gesamten App verwenden. Ich habe dieses Problem gefunden: AngularJS 2 - Materialdesign - Farbpalette festlegen, in der ich ein angeblich benutzerdefiniertes Thema erstellen kann , aber im Grunde genommen werden nur verschiedene Teile vorgefertigter Paletten verwendet. Ich möchte die vordefinierten Farben von …

94 angular  sass  material-design  angular-material2 

Wie füge ich mithilfe der css-in-js-Methode Klassen zu einer Reaktionskomponente hinzu? Hier ist die Klassenvariable: const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); So habe ich es benutzt: return ( <div className={ this.props.classes.container }> Das Obige funktioniert, aber gibt …

94 css  reactjs  material-design  material-ui  jss 

Nachdem ich die Android Design Support Library verwendet hatte TextInputLayout, um ein schwebendes Etikett über einer EditTextKomponente zu platzieren, fragte ich mich, ob es eine Möglichkeit gibt, der SpinnerKomponente ein schwebendes Etikett hinzuzufügen (nicht unbedingt mithilfe der Design Library). Damit meine ich so etwas wie ein TextViewüber dem platziertes Spinner(offensichtlich …

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

Ich arbeite an einem Android-Projekt und implementiere die Navigationsleiste. Ich lese gerade die neue Material Design Spec und die Material Design Checkliste durch . Die Spezifikation besagt, dass der ausziehbare Bereich über allem anderen, einschließlich der Statusleiste, schweben und über der Statusleiste halbtransparent sein sollte. Mein Navigationsbereich befindet sich über …

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

Ich folge diesem Beispiel http://www.androidhive.info/2015/04/android-getting-started-with-material-design/ und in diesem Beispiel wird das Hamburger-Symbol weiß angezeigt. Ich möchte es anpassen und schwarz machen, aber ich kann nichts finden, um es zu ändern. Kann jemand sagen, wie es angepasst werden soll? Manifest <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" …

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

Ich versuche herauszufinden, wie FloatingActionButton aus der Android-Support-Bibliothek geändert werden kann. Kann es mit dem Text anstelle des Bildes verwendet werden? So etwas wie dieses: Ich sehe, dass es ImageButton erweitert, also denke ich nicht. Habe ich recht? Ist dies in Bezug auf das Materialdesign im Allgemeinen richtig?

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

Wie Sie im Bild sehen können, möchte ich Schatten hinter einem Button. Ich habe Buttonmit abgerundeten Ecken erstellt. Das Problem ist jedoch, dass ich keinen Schatten dahinter erzeugen kann Button. Wie kann ich das erreichen?

83 android  material-design  shadow 

Ich versuche, Material Design für meine App mithilfe dieser Methode zu erhalten . Immer wenn ich die App starte, wird der folgende Fehler angezeigt: Fehler beim Aufblasen der Klasse android.support.v7.widget.Toolbar. Ich habe überprüft, ob ich den Appcompat richtig hinzugefügt habe. Aber es ist alles richtig für mich. Also sag mir …

82 android  android-appcompat  material-design 

Ich verwende a TabLayoutmit a ViewPagerund frage mich, wie ich die Farbe des Symbols der ausgewählten Registerkarte im TabLayout am effizientesten ändern kann. Eine perfekte Referenz für die Implementierung ist die Youtube-App von Google . Auf der Hauptseite befinden sich vier dunkelgraue Symbole. Wenn eine bestimmte Registerkarte ausgewählt ist, wird …

82 java  android  mobile  material-design  android-tablayout 

Verwenden dieses Lernprogramms zum Implementieren eines Flexible Space-Musters (das mit der reduzierten Symbolleiste). Ich versuche, einen ähnlichen Effekt wie in der Aktivität "Lollipop-Kontakte" zu erzielen. Zu Beginn der Aktivität sind Ansichten nur ein Teil des Bildheaders: Anschließend kann der Benutzer das Layout unter dem Bild nach unten scrollen, um mehr …

81 java  android  android-layout  material-design  android-collapsingtoolbarlayout 

Ich habe in Googles Posteingangs-App gesehen, dass beim Erstellen einer neuen E-Mail in der Symbolleiste anstelle der Schaltfläche "Zurück" (Pfeil) eine Schaltfläche "Schließen" angezeigt wird (siehe Bild). Wie kann ich das erreichen?

81 android  android-actionbar  material-design 

Kürzlich habe ich von der Support-Bibliothek zu com.google.android.material gewechselt: material: 1.0.0 Aber jetzt habe ich ein Problem, auf diesen Seiten gibt es einen Hinweis https://github.com/material-components/material-components-android/blob/master/docs/getting-started.md Hinweis: Die Verwendung eines Themas "Materialkomponenten" aktiviert einen benutzerdefinierten Ansichts-Inflater, der Standardkomponenten durch ihre Material-Gegenstücke ersetzt. Derzeit werden dadurch nur Button-XML-Komponenten durch MaterialButton ersetzt. Und …

81 android  material-design  android-alertdialog  android-styles  material-components-android 

Wie implementieren Sie die Bottom-Sheet-Spezifikation? http://www.google.com/design/spec/components/bottom-sheets.html Das neue Update für Google Drive zeigt dies mit der Taste Floating Action Button -> Zugegeben, die Spezifikationen sagen niemals etwas über abgerundete Ecken aus, unabhängig davon, ob dies möglich ist, nur unsicher, wie es zu tun ist. Derzeit wird die AppCompat-Bibliothek verwendet und …

79 android  android-5.0-lollipop  material-design  floating-action-button