Comrade cabbage introduced two good js-related material URLs and liked a favorite.Http://www.easyicon.cn/picture material Network
Http://jqueryui.com/themeroller/ jqueryui style design, which also has the Firefox version designer
Http://apycom.com/navigation
Anti-Apple desktop with jcdock
Http://ndesign-studio.com/blog/css-dock-menu
Http://www.wizzud.c
Material Design-style component library based on the react native. (For the Platform unified experience, currently only to support Android)
Official website http://mrn.js.org/
Github HTTPS://GITHUB.COM/BINGGG/MRN
Sample Application Online Demo https://appetize.io/app/j48zj9r83cetpd1mhg4g8buc4w
Sample app Download https://github.com/binggg/MaterialReactNative/blob/master/android/app/build/outp
Mprogress is a use of pure JS and CSS3 made Google material design style of progress bar plug-ins. The plug-in does not rely on any external libraries. It can produce 4 types of progress bar animation, the use of flat design, very stylish.
The progress bar plug-in has 4 types of animation, namely: the definition, buffer type, uncertainty and query-determined ty
) { Toast.maketext (Mainactivity.this, "clicked CardView", Toast.length_long). Show (); } );Here are some of the more important common properties in CardView:
app:cardElevationThe height of the shadow
app:cardMaxElevationMaximum shadow Height
app:cardBackgroundColorThe background color of the card
app:cardCornerRadiusThe size of the rounded corners of the card
app:contentPaddingThe interval of the card content in the margin
app:contentPaddingB
Summarize the usage of the Material Design control cradviewThis article mainly introduces the use of CardView. CardView inherits from FrameLayout,
It is easy to use. You only need to use CardView to include other views to achieve the card effect.
Add dependency Library
compile 'com.android.support:cardview-v7:22.2.0'
Use in Layout
Where
App: cardBackgroundColor sets the CardView background color
Use of Material Design CardView, materialcardview
This article introduces the use of the CardView control, CardView inherits to the FrameLayout class, is a class under the support-v7 package, you must introduce the cardview dependency package, you can find in the downloaded sdk folder...
CardView can be used to achieve the card layout effect, which is very nice. Cards can also contain rounded corners, shado
Android Material Design (2) Observable Scroll View, androidobservable
Observable Scroll ViewIt is an open-source repository on GitHub. There are 49 different effects combinations. I bind the demo Activity to the ListView OF A 49 item, and click to jump to the corresponding Activity to view the effect.
ActionBarControlGridViewActivity // 1
ActionBarControlListViewActivity // 2
ActionBarControlRecyclerVi
Material Design font layout (Typography)
Roboto
Since the release of Ice Cream Sandwich, Roboto has been the default font set for Android systems. In this version, Roboto is further optimized to adapt to more platforms. The width and roundness increase slightly, improving the clarity and looks more pleasant.
Roboto font-1.21 MB (.zip)Standard Styles)
Font layout scaling and Basic style Typographic Scale B
Tablayout.setupwithviewpager (Viewpager); One } A}Realize:Tablayout styleApp:tabSelectedTextColor:Tab the color of the selected fontApp:tabTextColor:Tab Color of unselected fontsColor of the APP:TABINDICATORCOLOR:TAB indicator subscriptapp:tabindicatorheight= "2DP"App:tabpaddingstart= "12DP"App:tabpaddingend= "12DP"app:tabpaddingtop= "12DP"App:tabpaddingbottom= "12DP"App:tabpadding= "12DP"App:tabbackground= "@android: Color/darker_gray"App:tabtextappearance= ""App:tabmode: Optional scrollable
5.0 offers two new widgets that use the style and animation of the material design:
Recyclerview a more pluggable ListView that supports different layout types and has improved performance. (list type)
CardView A card that allows you to display important information inside and maintain a coherent vision and feeling. (Card type)
It's two in Sdk/extras/android/support/v7/cardview and Sdk/extras
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.