Preguntas etiquetadas con material-design

Estoy usando la biblioteca de compatibilidad de diseño de Android lanzada recientemente para mostrar etiquetas flotantes con EditTexts. Pero me enfrento al problema de que la sugerencia en EditText no se muestra cuando se representa la interfaz de usuario, pero veo la sugerencia después de centrarme en los EditTexts. Mi …

96 android  material-design  android-design-library 

Tengo un botón de imagen que no responde con una animación táctil cuando se hace clic en él porque es una imagen estática, a diferencia de los botones normales de una paleta que vienen con el efecto de onda incorporado. Me gustaría agregar el efecto de toque ondulado de diseño …

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

Estoy trabajando en un proyecto angular simple en el que estoy tratando de importar Material Design a mi proyecto, pero algunos de los componentes no funcionan correctamente y una advertencia de la consola dice: No se pudo encontrar HammerJS. Es posible que algunos componentes de Angular Material no funcionen correctamente. …

94 javascript  angular  material-design  hammer.js 

Usando el método css-in-js para agregar clases a un componente de reacción, ¿cómo agrego varios componentes? Aquí está la variable de clases: const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); Así es como lo usé: return ( <div className={ …

92 css  reactjs  material-design  material-ui  jss 

Después de usar la biblioteca de compatibilidad de diseño de Android TextInputLayoutpara colocar una etiqueta flotante sobre un EditTextcomponente, me preguntaba si hay una manera de agregar una etiqueta flotante al Spinnercomponente (no necesariamente usando la biblioteca de diseño). Con esto, me refiero a algo como un TextViewcolocado encima de …

88 android  android-layout  android-spinner  material-design  android-textinputlayout 

Estoy siguiendo este ejemplo http://www.androidhive.info/2015/04/android-getting-started-with-material-design/ y en este ejemplo muestra el ícono de la hamburguesa en blanco, quiero personalizarlo y hacerlo negro, pero no puedo encontrar nada sobre cómo cambiarlo, ¿alguien puede decir cómo personalizarlo? Manifiesto <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" > …

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

Estoy trabajando en un proyecto de Android y estoy implementando Navigation Drawer. Estoy leyendo las nuevas especificaciones de diseño de materiales y la lista de verificación de diseño de materiales . La especificación dice que el panel deslizable debe flotar sobre todo lo demás, incluida la barra de estado, y …

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

Como puede ver en la imagen, quiero sombra detrás de un Button. He creado Buttoncon esquinas redondeadas. Pero el problema es que no puedo generar una sombra detrás de eso Button. ¿Cómo puedo conseguir esto?

86 android  material-design  shadow 

Estoy tratando de averiguar cómo se puede modificar FloatingActionButton desde la biblioteca de soporte de Android. ¿Se puede usar con el texto en lugar de la imagen? Algo como este: Veo que extiende ImageButton, así que creo que no. Estoy en lo cierto? ¿Es esto correcto en términos de diseño …

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

Estoy tratando de obtener Material Design para mi aplicación siguiendo este método . Siempre que ejecuto la aplicación, muestra el siguiente error: Error al inflar la clase android.support.v7.widget.Toolbar. Verifiqué si había agregado el appcompat correctamente. Pero todo es correcto para mí. Entonces, por favor, dime ¿qué estoy haciendo mal? build.gradle …

82 android  android-appcompat  material-design 

Estoy usando un Snackbar de la com.android.support:design:22.2.0biblioteca. Lo estoy usando para deshacer eliminaciones. Para hacer mi vida más fácil, haré que la interfaz de usuario parezca que las cosas realmente se eliminaron de la fuente de datos, y si no se presiona el botón Deshacer en la barra de refrigerios, …

82 android  material-design  android-design-library  android-snackbar  snackbar 

He visto en la aplicación Inbox de Google, redactando un nuevo correo electrónico, en la barra de herramientas en lugar del botón de retroceso (una flecha) tiene un botón de "cerrar" (ver imagen). ¿Cómo puedo conseguir esto?

81 android  android-actionbar  material-design 

Recientemente cambié de la biblioteca de soporte a com.google.android.material: material: 1.0.0 Pero ahora tengo un problema, en estas páginas hay una nota https://github.com/material-components/material-components-android/blob/master/docs/getting-started.md Nota: El uso de un tema de Componentes de material habilita un inflador de vista personalizado que reemplaza los componentes predeterminados con sus homólogos de Material. Actualmente, …

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

Estoy usando a TabLayoutcon a ViewPagery me pregunto cómo puedo cambiar de manera más eficiente el color del icono de la pestaña seleccionada en TabLayout. Una referencia perfecta de cómo se implementa esto es la aplicación Youtube de Google . En la página principal, hay cuatro iconos de color gris …

81 java  android  mobile  material-design  android-tablayout 

Usando este tutorial para implementar un patrón de espacio flexible (el que tiene la barra de herramientas colapsada). Estoy tratando de lograr un efecto similar al de la actividad Contactos de Lollipop , que al principio, al ingresar a la actividad, las vistas son solo una parte del encabezado de …

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