Tag: material-design

Material design ist Googles guide für visual, motion-und interaction-design auf allen Plattformen und Geräten, die mit Android 5.0 Lollipop.

Entfernen Sie Schatten aus der Symbolleiste, wenn die Navigation Schublade ist Offen - Material-Design-support-Bibliothek

Anzahl der Antworten 2 Antworten
Ich die Umsetzung Material-Design in meine app mit einem navigation drawer. Unter all den unterschiedlichen Implementierungen des Nav. Schublade und Symbolleiste mit Material-Design (finden Sie in diesem Beitrag); I gewählt haben, halten Sie das app-Gefühl ähnlich wie

Warum ist mein Material AngularJS (CSS) nicht so funktioniert wie in der demo zur Verfügung?

Anzahl der Antworten 1 Antworten
Ich bin ein total Neuling in die Welt von AngularJS. Allerdings möchte ich implementieren, die material design-version von AngularJS zur Erstellung eines Formulars. Also folgte ich der getting-started Anweisungen und versuchte, etwas zu tun, aber es sah

Angularjs material eine Zeile mit 2 Spalten

Anzahl der Antworten 2 Antworten
ich versuche zu erreichen, und kann nicht herausfinden, wie: |-------------80%--------------------- | ----20%---| eine Zeile mit 2 Spalten mit bestimmten Breite. ich etwas nicht verstehe, Säulen (Nutzung von Material) sind für mich Aussehen wie Reihen > in den

Material Komponenten - Text-Feld - IOS

Anzahl der Antworten 3 Antworten
Ich bin Neuling auf swift-Programmierung, die ich brauche, um das design der login-page mit floating-Platzhalter-Eingang. Installiert hab ich die MDCTextInput mit POD. Hinzugefügt importieren import MaterialComponents.MaterialTextFields und in viewDidLoad() folgenden code Hinzugefügt, companyID.placeholder = "Company ID" companyID.placeholderLabel.highlightedTextColor

Android - how to get Höhe von bottomnavigationview

Anzahl der Antworten 3 Antworten
Erstelle ich eine Unterseite, die navigation anzeigen. Ich versuche Höhe des unteren Navigations-Ansicht. Material design sagt, dass die Höhe soll 56dp. Ich möchte nicht hart codierten Wert, weil ich nicht sicher bin, dass dieser Wert wird sich

Anwenden, Tönung PreferenceActivity widgets mit AppCompat v21

Anzahl der Antworten 5 Antworten
Ich bin mit CheckboxPreference in einer PreferenceActivity und ein AppCompat Thema aus dem v21-support-Bibliothek. Wie Sie bereits wissen, mit dieser neuesten Bibliothek von widgets wie Checkboxen, editTexts, radio-buttons etc sind getönt mit der sekundären Farbe definiert, die

Navigation Anzeigen. android.Unterstützung.design:itemIconTint ,android.Unterstützung.design:itemTextColor xml-Attribute nicht funktioniert

Anzahl der Antworten 2 Antworten
Die neue Navigations-Ansicht an, sofern in der support-Bibliothek für die Verwendung von der material-design, int ändern der xml-Parameter: - android.Unterstützung.design:itemIconTint - android.Unterstützung.design:itemTextColor Ich habe festgestellt, in der Klasse zu verweisen, dass dieser Parameter ändern kann, die durch

Gewusst wie: Programmgesteuertes Blättern NestedScrollView innerhalb einer CoordinatorLayout?

Anzahl der Antworten 1 Antworten
Habe ich CoordinatorLayout und folgende Elemente drin: AppBarLayout mit auch zerlegbar Symbolleiste; NestedScrollView mit etwas Inhalt Ich soll programmgesteuert zu Blättern, meine NestedScrollView bis auch zerlegbar-Symbolleiste ausgeblendet ist. Habe ich versucht, den code wie folgt: CoordinatorLayout.LayoutParams params

Erstellen und positionieren eines Floating-Action-Button

Anzahl der Antworten 1 Antworten
Ich versuche, fügen Sie eine FAB an der Unterseite einer Karte anzeigen, wie in dieser app: Die Schaltfläche wird sich zeigen, aber es überschneidet sich nicht mit der Karte anzeigen. Ich bin mit Android Material Design-Bibliothek. Hier

Wie man toolbar behoben, die beim scrollen in android?

Anzahl der Antworten 4 Antworten
Habe ich recherchierte alle vorherigen Frage vor dem posten dieser Frage keine der obigen Lösung funktionierte für mich. Ich brauche, um meine Toolbar statisch beim scrollen, es geht zwar nach oben scrollen butI brauchen, um es statisch

Nicht erhalten Material Design Kontrollkästchen, um die Verwendung styling

Anzahl der Antworten 2 Antworten
Ich versuche, fügen Sie zwei Kontrollkästchen Ansichten zu einer feedback-Fragment in meiner aktuellen app, die mit der AppCompat-Bibliothek (v7:22.2.1) . Der API-Bereich für diese app ist in 16 aktuellen (22). Mein manifest ist mit dem folgenden Thema

LinearLayout Unterstützung für überlagerung CoordinatorLayout

Anzahl der Antworten 3 Antworten
Es ist das erste mal, dass ich CoordinatorLayout, und ich weiß nicht wirklich verstehen, wie es funktioniert. Mein LinearLayout überlappen, meine Toolbar, wie wenn ich in ein FrameLayout, oder RelativeLayout, und ich weiß nicht, wie zu sagen,

Warum ist materialisieren funktioniert nicht mit reactjs

Anzahl der Antworten 2 Antworten
Habe ich eine statische web-Seite mit einstellen.css-Bibliothek, wenn ich versuchte, Sie zu bewegen, einige Komponenten zu reagieren, aber Sie funktionieren nicht. Dies ist mein html-boilerplate <!DOCTYPE html> <html> <head> <!--Import materialize.css--> <link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/> <!--Let

Gradle nicht zu lösen material-Dialoge Abhängigkeit in Android Studio

Anzahl der Antworten 3 Antworten
Ich versuche zu bauen, die meine Android-App, die ich importiert aus einem Git-repository. Diese gleiche app baut richtig in einem anderen Umfeld, aber in meinem Umfeld bekomme ich die folgende Fehlermeldung: Error:(41, 13) Failed to resolve: com.afollestad:material-dialogs:0.7.7.0

so ändern Sie die Farbe der toolbar und status bar Farben laut Bild Farbe im android material design?

Anzahl der Antworten 6 Antworten
Habe ich angefangen zu lernen-Android material-design. Ich lernte einige neue Funktionen in der lollipop version. Heute bin ich versucht zu ändern, die Farbe der Werkzeug-und Statusleiste nach einem Bild die Farbe. Kann jemand mich leiten oder geben

Bootstrap-Material-Design cdn

Anzahl der Antworten 2 Antworten
Möchte ich die Verwendung von Bootstrap-Material-design, und die github-Seite sagt, dass ich es bekommen können von jsdelivr.com. Aber dann die Erste Schritte Seite sagt: Einmal kopiert haben, müssen Sie initialisieren das material durch hinzufügen von javascript die

app:layout_scrollFlags="scroll|enterAlways" funktioniert nicht mit LinearLayout

Anzahl der Antworten 2 Antworten
Habe ich die Arbeit an Android material-design-support-Bibliothek, und als Neuling habe ich einige Verwirrungen. Und, brauchen Ihre Hilfe. 🙂 1) Ist es möglich layout_scrollFlags="scroll|enterAlways" mit LinearLayout? 2) will ich ein LinearLayout direkt unter der Werkzeugleiste. Ich erreichte

Wie um zu zeigen, Floating action sub-Menü?

Anzahl der Antworten 2 Antworten
Gibt es eine Möglichkeit zu zeigen, die "sub-Menü" in ein Android.Unterstützung.Design.- Widget.FloatingActionButton? Vielen Dank! nicht mit dem offiziellen sdk. Sie müssen verlassen sich auf Drittanbieter-Bibliotheken oder implementieren Sie es selbst warten Sie eine Sekunde ... veröffentlichen Sie

Unten überladen 213 Pixel flattern

Anzahl der Antworten 8 Antworten
Hallo, ich bin versucht zu erstellen, login-Bildschirm. Es ist in Ordnung für mich. Wenn ich die Tastatur öffnen Sie dann es gibt mir eine Fehlermeldung Bottom overloaded by 213 pixels. Widget LoginPage() { return new Scaffold(body: Container(

So passen Sie Farbe AppCompatButton

Anzahl der Antworten 2 Antworten
Sah ich neue appCompat-Steuerelemente verfügbar sind hier. Und umgesetzt es in der android app, aber ich nicht finden, eine bestimmte Art von customizing seine Farbe. Genau wie wenn wir Akzent Farbe in der Art, das Bearbeiten von

md-wählen Sie - wie die Kraft, die benötigt wird?

Anzahl der Antworten 2 Antworten
Wie kann ich Kraft md-select im multiple-Modus Verhalten sich genauso wie die <select multiple required ... > ? Hier ist die Geige, um zu zeigen, was ich meine. In diesem Beispiel, mein browser lässt mich nicht senden

Set-Symbol In Der Symbolleiste Programmgesteuert Farbe

Anzahl der Antworten 3 Antworten
Wie kann ich die Farbe des icons (home-und überlauf-Menü-Symbol) in eine Toolbar/AppBarLayout programmgesteuert? Will ich ändern, die toolbar-Farbschema für eine einzelne fragment in eine activity. Einstellung der AppBarLayout's hintergrund auf eine helle Farbe (z.B. hellgrau mit appBarLayout.setBackgroundResource(..);)

android studio-und material-design-icons

Anzahl der Antworten 2 Antworten
Macht android studio kommt mit material design icons und wenn ja, wo ist es? Es scheinen ein paar plugins um. Aber ich glaube, ich kam über eine Bibliothek von icons in android studio, aber kann mich nicht

Teiler in der Navigation Drawer mit einem xml-Menü

Anzahl der Antworten 1 Antworten
Habe ich die Letzte (?) Anleitung für die Implementierung eines Material-Design-Navigation Schublade nebeneinander mit diesem Blogbeitrag. Statt Auffüllen einer Liste anzeigen, verwendet es eine Menü-Ressource (xml). Sehr sauber und einfach, aber.. Ich kann nicht herausfinden, wie Sie

Implementieren Android Unterste Blatt in meiner recyclerview adapter-Klasse

Anzahl der Antworten 2 Antworten
Will ich implementieren android-Spannbetttuch in Onlongclick meiner Recyclerview Adapter-Klasse, bin aber versucht zu drücken, klicken Sie lange auf meine recyclerview Element seine bekam abgestürzt. public class AddAtendanceAdapter extends RecyclerView.Adapter<AddAtendanceAdapter.AttendanceViewHolder> { public List<Details> dAttendance = Collections.emptyList(); private LayoutInflater

So zeigen Sie ausgeblendete Elemente in CoordinatorLayout programmgesteuert?

Anzahl der Antworten 3 Antworten
Habe ich CoordinatorLayout wie beschrieben im blog: http://android-developers.blogspot.ru/2015/05/android-design-support-library.html <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.v7.widget.RecyclerView android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior" /> <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content"> <android.support.v7.widget.Toolbar ... app:layout_scrollFlags="scroll|enterAlways"> <TextView ... app:layout_scrollFlags="scroll|enterAlways"> </android.support.design.widget.AppBarLayout> </android.support.design.widget.CoordinatorLayout> Innen AppBarLayout ich habe Toolbar und TextView mit

Teil des fragments innerhalb ViewPager immer abgeschnitten am unteren Bildschirmrand(Android)

Anzahl der Antworten 5 Antworten
Ich habe ein basic-Koordinator layout für meine Ansicht: <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" > <android.support.design.widget.AppBarLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/actionBarSize" android:background="?attr/colorPrimary" app:layout_scrollFlags="scroll|enterAlways" app:popupTheme="@style/ThemeOverlay.AppCompat.Light" /> <android.support.design.widget.TabLayout android:id="@+id/tabs" android:layout_width="match_parent" android:layout_height="wrap_content" app:tabIndicatorColor="@color/white" app:tabMode="fixed"/> </android.support.design.widget.AppBarLayout> <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="match_parent" android:layout_height="match_parent"

Nicht importieren können Material-Design-Bibliothek in android studio

Anzahl der Antworten 4 Antworten
Lese ich diese Seite, dass lernen "Import-Bibliotheken in android-studio". aber es ist nicht für mich arbeiten. ich mache diese Schritt für Material-Design-Bibliothek. Material-Design ist build.gradle Datei haben: https://github.com/navasmdc/MaterialDesignLibrary/blob/master/MaterialDesign/build.gradle wenn ich auf " - Sync-Projekt mit Gradle-Dateien" es

wie setzen NAVIGATION_MODE_LIST auf der Symbolleiste neuen appcompat v7 21

Anzahl der Antworten 2 Antworten
Nun alle Methoden im Zusammenhang mit Navigations-Modi in der ActionBar Klasse, wie setNavigationMode()... sind jetzt veraltet. In der Dokumentation erklärt: Action bar navigation modes are deprecated and not supported by inline toolbar action bars. Consider using other

Warum ist mein smallIcon für Benachrichtigungen immer ausgegraut?

Anzahl der Antworten 3 Antworten
Ich habe versucht, das kleine Symbol genau 16x16, Grau-skaliert, nichts als Grau und weiß (die Farbe Grau wird hex Wert 616161), erstellen eine silhouette von meinem Programm-icon. Doch egal, was er gerade zeigt sich, wie ein weiß/graues

Aktivität Transition error, cannot resolve symbol '@transition/explodieren'

Anzahl der Antworten 2 Antworten
Ich versuche aus Aktivität Übergänge und wenn ich fügen Sie folgenden code in meine values-21/styles.xml ich bekomme Fehler: cannot resolve symbol '@transition/explodieren' <style name="BaseAppTheme" parent="android:Theme.Material"> <!-- enable window content transitions --> <item name="android:windowContentTransitions">true</item> <!-- specify enter and

Wie setzen Roboto-Schriftart-Material-Design (Best-Practice)

Anzahl der Antworten 1 Antworten
Den ich einstellen will Roboto-schriftart-Material-Design. Soll ich muss hinzufügen, schriftart, in den Asset-Ordner, wie ich verwendet, um zu tun, vorher. Ich weiß, wie man benutzerdefinierte schriftart auf eine beliebige Ansicht, wollen aber die Verwendung für das Material

Eckig Material Grid-Layout

Anzahl der Antworten 2 Antworten
Was sind vordefinierte Klassen für das grid-layout in Eckig Material? Wir haben "row","col-sm-4" etc.. Klassen in der bootstrap. Wir haben diese Art von Klassen in Eckig Material 2? Danke. material.eckig.io/components/grid-Liste/ - übersicht InformationsquelleAutor hari | 2017-10-03

Nicht erfasste (bei Versprechen) TypeError: $ keine Funktion

Anzahl der Antworten 1 Antworten
Ich versuche eine Schaltfläche angezeigt, mit ripple-mit material-design lite-aber immer folgende Fehlermeldung: app.js:3 nicht erfassten (in Versprechen) TypeError: $ ist nicht eine Funktion(...) html-Datei: <body> <script> System.paths['jquery'] = './node_modules/jquery/dist/jquery.js'; System.import('src/app.js'); </script> </body> app.js: import $ from 'jquery';

Wie kann ich einstellen das Gitter Dachrinne auf MDL wie foundation oder bootstrap?

Anzahl der Antworten 4 Antworten
Wie die Dachrinne Breite des Material-Design Lite grid-system, mit mdl, Das Grundraster. <div class="demo-grid-ruler mdl-grid container"> <div class="mdl-cell mdl-cell--1-col fl-10">1</div> <div class="mdl-cell mdl-cell--1-col fl-11">2</div> <div class="mdl-cell mdl-cell--1-col fl-12">3</div> <div class="mdl-cell mdl-cell--1-col fl-13">4</div> <div class="mdl-cell mdl-cell--1-col fl-14">5</div> <div

Wie kann ich animiert Karte Höhe in Material-UI - (Reagieren)

Anzahl der Antworten 3 Antworten
Ich bin neu zu Reagieren und Material-UI, also bitte Geduld mit mir 😛 Was ich will zu tun ist, haben eine Karte, die sich dynamisch ändert seine Höhe, als sich der Inhalt ändert. Laut der docs, dies

Was könnte der Grund sein, Gewinkelt 5 + Material 2 sind sehr sehr langsam?

Anzahl der Antworten 2 Antworten
Ich weiß, das ist vielleicht nicht eine sehr gute Frage. Aber ich weiß wirklich nicht, was zu tun ist und ich bin auf der Suche nach Gründen. Ich bin mit meinem custom-Winkel-5 + Material 2 Anwendung lokal

Wie richten Sie ein widget.TextInputLayout mit MaterialSpinner anzeigen?

Anzahl der Antworten 1 Antworten
Ich habe eine spezielle Frage bezüglich der Nutzung des MaterialSpinner anzeigen. Ich soll der spinner sein, perfekt ausgerichtet auf der rechten Seite des EditText, eingewickelt in ein android.Unterstützung.design.- widget.TextInputLayout Ansicht Gruppe für floating-label-Unterstützung. Habe ich versucht, sowohl

Wie verwenden Sie die Winkel-material-Design?

Anzahl der Antworten 1 Antworten
Machte ich ein Saatgut-Projekt für Winkel-Material, und prüfen wollen, einige der features, die das framework bietet. Mein HTML ist in Ordnung und einige andere ng Aktionen auch gut funktioniert. Als ich versuchte, überprüfen Sie die Formular-Funktion der

Pfad.Ungefähre() nicht unterstützt auf android studio 0.8.14 beta

Anzahl der Antworten 3 Antworten
Rendering-Probleme Weg.Ungefähre() nicht unterstützt. Failed to parse file ~\sdk\platforms\android-21\data\res\drawable\progress_medium_material.xml Fehler nach hinzufügen ProgressBar zu Layout Beheben? Ich habe festgestellt, dass es verursacht wird durch die Anwesenheit von <ProgressBar - > - tag in meinem fragment-layout. Ich möchte

Dialogfeld: Schaltflächen mit dem langen text nicht umbrechen / ausgepresst - material Design in android 5.0 lollipop

Anzahl der Antworten 6 Antworten
Während der Optimierung eine app für ' material-theme auf lollipop, ich bin der Begegnung mit diesem lästigen problem: Immer, wenn es einen langen text auf Schaltflächen, das passt nicht, die button-bar breit, der text nicht umgebrochen in

Material Design (AngularJS) <md-select> funktioniert nicht

Anzahl der Antworten 1 Antworten
Ich versuche, mit der <md-select> tag, aber ich kann nicht das gleiche Ergebnis wie in hier. Schreibe ich diesen code: <div layout="column" layout-align="center center" style="margin: 0px 10px 0px 5px;"> <h1 class="nomargin">X</h1> <p class="unit normagin">milimeter</p> </div> <div> <md-select

Einstellung minHeight in CollapsingToolbarLayout ohne jede Wirkung

Anzahl der Antworten 2 Antworten
Das größte problem hab ich momentan mit den CollapsingToolbarLayout ist, dass, was immer ich versuche, die minHeight-Attribut meiner Symbolleiste nicht habe, keine Wirkung. Mein gewünschtes Ergebnis wäre dieses: (Die CollapsingToolbarLayout mit einer bestimmten Höhe erweitert und eine

So ändern Sie die Höhe der Matte-Card-element eckig-material-design-Komponente

Anzahl der Antworten 3 Antworten
Ich habe den folgenden code in eckigen 5-app. was produziert die Reihenfolge der Matte-Karte, wie unten Bild mit *ngFor. Aber die Höhe der alle Matte-Karte ist die gleiche wie die Höhe der ersten Matte-Karte . <div fxLayout="row">

Wie wendet Google Material Design ASP.NET Kontrollen (z.B. Checkbox, Button und so weiter)?

Anzahl der Antworten 1 Antworten
Ich versuche, gelten die Google Material Design zu meinem ASP.NET web-Formular-Steuerelemente. Ich kann einfach gelten für HTML-Steuerelemente, aber keine chance mit ASP.NET. Original Seite <form id="signinform" runat="server" class="form-validation animated fadeIn"> <div class="container" id="login-block"> <div class="row"> <div class="col-sm-6

Lollipop: Deaktiviert-Taste --> welcher Stil?

Anzahl der Antworten 1 Antworten
Habe ich versucht, auf die Spur, wie Lollipop zeigt eine Schaltfläche, die ist deaktiviert mit android:enabled="false" in der layout-Datei. Holo Mit Holo, es ist ganz einfach: In der styles_holo.xml ich find den style Widget.Holo.Taste, die gibt mir

Wie kann ich ein Material Design-Ikone als CSS-background-image-Wert?

Anzahl der Antworten 2 Antworten
Ich bin mit materializecss also ich habe bereits das material-design-icons zur Verfügung. Wie kann ich als background-image Wert in mein CSS-code (SASS eigentlich)? Sieht aus wie die Dokumente zeigen, dass die SVGs zur Verfügung stehen, so könnte

SVG-Symbole mit Material-UI: wo zu finden, wie man Stil?

Anzahl der Antworten 2 Antworten
Auf http://www.material-ui.com/#/components/app-bar es sagt, dass es unter den möglichen proprerties Sie unterstützen wird "iconElementLeft ... element ... Das custom-element angezeigt werden auf der linken Seite der app-Leiste wie eine SvgIcon." Was ich jetzt nicht im Stil wie

setError für TextInputLayout zeigt Fehler

Anzahl der Antworten 7 Antworten
TextInputLayout gut funktioniert, wenn es versucht Fehler, es zeigt Fehler. Code: if (etFirstName.getText().length() == 0) { etFirstName.requestFocus(); tvFirstName.setError("Please enter firstname"); } else { tvFirstName.setError(null); tvFirstName.setErrorEnabled(false); } Check Log: java.lang.RuntimeException: Failed to resolve attribute at index 24 at

Material (vertikal) stepper

Anzahl der Antworten 3 Antworten
Ich versuche zu implementieren, die Material vertikale stepper für einen Assistenten in meine web-Anwendung (mit Angular und Bootstrap). Leider ich finde keine Beispiel-Implementierungen, die ich als Grundlage an. Ich fand nur ein paar (nicht-so-gut-aussehende) die horizontalen. Auch