material-design

Navigation Drawer: Add Titles to Groups, Not Items

自闭症网瘾萝莉.ら 提交于 2019-12-21 03:41:33
问题 I have a standard Navigation Drawer, pre-created by Android Studio and want to populate it with number of groups. I started with this: <?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android"> <group android:checkableBehavior="single"> <item android:id="@+id/nav_mode_person" android:icon="@drawable/ic_person_black_24dp" android:title="Person" /> <item android:id="@+id/nav_mode_group" android:icon="@drawable/ic_group_black_24dp" android:title=

How to create floating action button transforming into a single sheet of material

馋奶兔 提交于 2019-12-21 03:36:12
问题 I'm trying to see if any in-build animation exist on the design library to create floating action button transforming into single material sheet like shown in the material design image https://material-design.storage.googleapis.com/publish/material_v_4/material_ext_publish/0B8v7jImPsDi-TjBicTdvQjg4M1E/components-buttons-fab-transition_card_02.webm 回答1: Have you tried https://github.com/gowong/material-sheet-fab, it's part of the Android arsenal? 来源: https://stackoverflow.com/questions

mat-slider: not updating immediately on drag

跟風遠走 提交于 2019-12-21 03:30:09
问题 I am using @angular/material in my Angular 5 app. The version of Angular Material I am using is 5.0.2. I am using @angular/animations 5.1.2. I have a very simple use case of the slider, like this: <mat-slider style="width:100%;"></mat-slider> but for some reason, when dragging the slider handle, it does not move to its new position until the mouse is released, which is obviously not very good. I have checked the Material demo and that works as expected: the slider moves on mouse move, and

Sliding Tabs in Toolbar using Material Design

独自空忆成欢 提交于 2019-12-20 19:44:41
问题 I have been learning to use Sliding Tabs using Material Design using this post. I have managed to achieve SlidingTabs below the Toolbar , like this one: But now i would like to create ActionBar/ToolBar Fragment Tabs ... 回答1: I was able to recreate exactly what you are looking to implement. I am using the this Library for the tabs. This is the view I have created: Import Library Through Dependencies or Download Project and Import Manually compile 'com.jpardogo.materialtabstrip:library:1.0.9'

How does one create an accordion dropdown menu in Angular Material?

我怕爱的太早我们不能终老 提交于 2019-12-20 12:34:50
问题 If you go to the https://material.angularjs.org website, you will notice a very nice Accordion dropdown menu in the sidenav. I'm trying to find a simplified version of this feature. I've looked into many examples it appears many of them are no longer working. I don't need it complicated. So no need of repetative items. I can do all that. I need the basic functionality. From what I've researched they have an expando feature being developed, but until then is there a work around? Updated: I

How to get the Google Now searchbar into my app?

瘦欲@ 提交于 2019-12-20 10:47:38
问题 Google has just implemented their searchbar from Google Now into the play store application as you can see in the gif below. How can I implement this actionbar searchbar into my own app? I'd like to have the style hamburger animation acess from toolbar button microphone button ripple effect on lollipop devices What I already have is the layout for a list item the "old" searchview inside the actionbar Any ideas? thanks in advance 回答1: I created this library to do this, the only thing it does

hide/show fab with scale animation

被刻印的时光 ゝ 提交于 2019-12-20 10:46:20
问题 I'm using custom floatingactionmenu. I need to implement scale animation on show/hide menu button like here floating action button behaviour Is there any way to do this ? 回答1: You can use these scale animations for fab button, it gives same effect like design lib fab button. scale_up.xml <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" > <scale android:duration="100" android:fromXScale="0" android:fromYScale="0" android:pivotX="85%"

Android Material Design: Failed to find style 'toolbarStyle' in current theme

最后都变了- 提交于 2019-12-20 09:53:55
问题 I am trying to use the toolbar widget in android 21 with a custom style but I can't get rid off this error : Failed to find style 'toolbarStyle' in current theme . Here is my layout xml file : <android.support.v7.widget.Toolbar xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/patient_toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" app:theme="@style/AppTheme.Patient" /> Here is the Patient theme : <resources> <!-- Base application theme. --

Android Material Design: Failed to find style 'toolbarStyle' in current theme

可紊 提交于 2019-12-20 09:50:13
问题 I am trying to use the toolbar widget in android 21 with a custom style but I can't get rid off this error : Failed to find style 'toolbarStyle' in current theme . Here is my layout xml file : <android.support.v7.widget.Toolbar xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/patient_toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" app:theme="@style/AppTheme.Patient" /> Here is the Patient theme : <resources> <!-- Base application theme. --

How to keep the toolbar fixed at the top when AppBar collapses/expands?

二次信任 提交于 2019-12-20 09:34:17
问题 Overview I am trying to implement one of the Scrolling Techniques, Flexible space with overlapping content , described in Material Design. Flexible space with overlapping content Content can overlap the app bar. Behavior: The app bar’s starting position should be located behind the content. Upon upward scroll, the app bar should scroll faster than the content, until the content no longer overlaps it. Once anchored in place, the app bar lifts up to allow content to scroll underneath. https:/