material-design

问题 I'm not sure if this is a bug or somehow I'm not using the new Toolbar class properly. I'm able to successfully theme the ActionBar directly using one of the available themes. This also allows me to theme the ActionMode. Everything works perfect as expected. Here is how I'm doing that. <style name="Theme.ActionBar" parent="@style/Theme.AppCompat.Light.DarkActionBar"> <item name="actionModeBackground">@drawable/action_mode_background</item> </style> Now I'm looking for a little more

问题 I'm trying to customize a TextInputLayout with material style. I managed to set the focused state to the colors I want: Using <com.google.android.material.textfield.TextInputLayout style="@style/LoginTextInputLayoutStyle" android:theme="@style/LoginTextInputLayoutStyle" android:textColorHint="#fff" app:boxStrokeColor="#fff" .....> <EditText ... where the style is: <style name="LoginTextInputLayoutStyle" parent="Widget.MaterialComponents.TextInputLayout.OutlinedBox.Dense"> <item name=

问题 I'm using a Snackbar from the com.android.support:design:22.2.0 library. I'm using it to undo deletions. To make my life easier, I'm going to make the UI look like things are actually deleted from the data source, and if the undo button in the snack bar is not pressed, actually perform the deletions from the data source. So, I want to know when the Snackbar is no longer visible, so it's safe to delete the items. I can call getView() on the Snackbar, but I'm not sure what listener I should be

问题 I updated my android app to the new material design, but I also wanted to add some shadow or elevation to the Toolbar. There seem to be some (hacky) ways of doing it via images/9-patches, but I wonder if it can be done via the support libraries. (just like the CardView can have elevation) According to this answer on another question, this is possible by wrapping the Toolbar in a AppBarLayout , but this doesn't work for me. My layout: <?xml version="1.0" encoding="utf-8"?> <android.support

问题 I updated my android app to the new material design, but I also wanted to add some shadow or elevation to the Toolbar. There seem to be some (hacky) ways of doing it via images/9-patches, but I wonder if it can be done via the support libraries. (just like the CardView can have elevation) According to this answer on another question, this is possible by wrapping the Toolbar in a AppBarLayout , but this doesn't work for me. My layout: <?xml version="1.0" encoding="utf-8"?> <android.support

问题 I try to use Toolbar instead of Actionbar,but get the error like: java.lang.RuntimeException: Unable to start activity ComponentInfo{com.xjtu.wangshuai.one/com.xjtu.wangshuai.onemore.searchandscanqrcode.SearchActivity}: java.lang.IllegalStateException: This Activity already has an action bar supplied by the window decor. Do not request Window.FEATURE_ACTION_BAR and set windowActionBar to false in your theme to use a Toolbar instead. at android.app.ActivityThread.performLaunchActivity

问题 This question already has answers here : How do I make DrawerLayout to display below the Toolbar? (6 answers) Closed 3 years ago . I want my drawer to open from the left below the tool bar. But, according to Material Design aspects that's not good. But still I want to do that. Here I have changed my XML file. ---Relative Layout -----Tool bar -----Drawer -------container -------drawer List here is my XML file. My app crashes when it opens. I don't know where I made a mistake and XML doesn't

问题 I try to simulate the Paper Ripple Effect by using MAWButton plugin (https://github.com/yuhua-chen/MAWButton) and JQuery Color plugin (https://github.com/jquery/jquery-color) . Basically, the effect did not work on Firefox. Here is the Demo -> http://jsfiddle.net/2txszd46/4/ //https://github.com/yuhua-chen/MAWButton/blob/master/js/mawbutton.js (function($) { $.fn.ripple = function(options) { var settings = $.extend({ speed: 333, // ms transitionEnd: function() {} // callback when transition

问题 I try to simulate the Paper Ripple Effect by using MAWButton plugin (https://github.com/yuhua-chen/MAWButton) and JQuery Color plugin (https://github.com/jquery/jquery-color) . Basically, the effect did not work on Firefox. Here is the Demo -> http://jsfiddle.net/2txszd46/4/ //https://github.com/yuhua-chen/MAWButton/blob/master/js/mawbutton.js (function($) { $.fn.ripple = function(options) { var settings = $.extend({ speed: 333, // ms transitionEnd: function() {} // callback when transition

问题 The standard material design select list (dropdown) support accessibility. I can get to the dropdown with a TAB (keyboard), navigate the list items with the arrows (keyboard) and by pressing again on tab it will navigate to other component on the screen. Means, the behavior is: TAB navigate between the components on the screen and arrows navigate between the items in the list. Example: <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label getmdl-select getmdl-select__fix