material-design

问题 I'm starting a project with angular material. Does it have a native system for positioning elements in a responive grid like bootstrap does ? Otherwise is it ok practice to combine material design with bootstrap for the grid system ? Maybe I am taking the wrong aproach to the problem. 回答1: If you are using Material2, you can use Angular Flex Layout for responsiveness. It compliments Angular2 well and is lightweight. Basically Material2 + Flex-layout is equivalent to Bootsrap library. Here's

问题 How to use input type file in angular material Hi, I am using angular material for designing. when i go on angular material site there no input type file element. anyone know about this. 回答1: Angular Material does not support yet a workaround for file upload. There are alternative to archieve this. e.g using external libraries. angular-material-fileupload : link to npm package Supported features : Drag and drop common uploads progress bar file size and more... ngx-material-file-input : Link

问题 https://material.io/design/components/backdrop.html I found this on Material Design, but couldn't find any resources. Thinking about its layout, I think it's made up of any layout with material card view, and I am trying to make my activity file using layout + material card view. Is this method correct to make backdrop layout? Also, I want to know about which layout I should use. Is RelativeLayout can be the way? I don't get it actually. 回答1: This component (BackDrop) is still under

问题 For holo design, the recommended action bar height is 40dp during landscape according to Jake Wharton : https://stackoverflow.com/a/7181591/72437 I was wondering, for material design, what is the recommended toolbar height? I can't find any info in Google design guideline : http://www.google.com/design/spec/components/toolbars.html The reason I'm asking so, as I'm getting an unpleasant look during landscape mode. The recommended solution is to enlarge text size : Android Toolbar: small title

问题 When using xml based layouts using AppCompat 22.1.0 not all supported widgets are tinted or material themed for my Fragments using Android 4.4. I see this behavior with the following widgets (others not tested): RadioButton (No tint color) CheckBox (No tint color) Spinner (Device default theme is applied) EditText (Device default theme is applied) RatingBar (Device default theme is applied) Button (Device default theme is applied) It used to work in AppCompat v22.0.0. Screenshot (left 4.4,

问题 Lets do something challanging. I have seen this animation for navigation Drawer : and I would like to implement this as it is a great effect. I tried to get the effect by creating a custom view and on touch i am getting at least 50% similar effect. i would like to implement my ondraw() and ontouch() methods from my custom view to navigation view. How is that done? Any one have any clue? Can anyone give any link which has simlar stuff. I have tried this : public class CustomNavigation extends

问题 Fullscreen dialogs in material design should have the confirmation and dismissive actions on the actionbar/toolbar. My question, how can i do this? To show the dialog: getFragmentManager().beginTransaction() .add(R.id.container, new MyDialogFragment()) .addToBackStack(null).commit(); My dialog fragment: public class MyDialogFragment extends DialogFragment { @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { return inflater.inflate(R

问题 I want to replicate the transitions as explained in Material design by Google. This is the link for the preview, but basically the videos I care about are those two: http://material-design.storage.googleapis.com/videos/animations-meaningfultransitions-hierarchical_transitions_topLevel_large_xhdpi.webm http://material-design.storage.googleapis.com/videos/animation-meaningfultransitions-view_contact_large_xhdpi.webm My question is what is the container of the UI? Is this a new Activity which

问题 How do I implement the "raised button" and the "flat button" as described in google's material design guidelines? Raised buttons add dimension to mostly flat layouts. They emphasize > functions on busy or wide spaces. Use flat buttons for toolbars and dialogs to avoid excessive layering. Source: http://www.google.com/design/spec/components/buttons.html 回答1: This requires Android 5.0 Raised Button Inherit your button style from Widget.Material.Button, and the standard elevation and raising

问题 I have a problem where sometimes the AppBarLayout will not show its full content all the time when you play around with it: <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="