material ui examples

Want to know material ui examples? we have a huge selection of material ui examples information on alibabacloud.com

[Material Design visual Design language] UI Component Design (5): prompt box, visual Design ui

[Material Design visual Design language] UI Component Design (5): prompt box, visual Design ui Author: Guo XiaoxingWeibo: Guo Xiaoxing's Sina WeiboEmail: allenwells@163.comBlog: http://blog.csdn.net/allenwellsGithub: https://github.com/AllenWells[Material Design visual Design language] Chapter list [

[Material Design visual Design language] UI Component Design (6): separation line, visual Design ui

[Material Design visual Design language] UI Component Design (6): separation line, visual Design ui Author: Guo XiaoxingWeibo: Guo Xiaoxing's Sina WeiboEmail: allenwells@163.comBlog: http://blog.csdn.net/allenwellsGithub: https://github.com/AllenWells[Material Design visual Design language] Chapter list [

(material _ Source) Cat Learn iOS (v) UI 360 etc Download Manager nine grid UI

Cat Share, must boutiqueFirst look at the effectCode Learning Address:Cat Learn iOS (v) UI 360 etc Download Manager nine grid UICat Learn iOS (v) UI 360 etc Download Manager nine grid UIhttp://blog.csdn.net/u013357243/article/details/44486609: http://download.csdn.net/detail/u013357243/8516817PS1: There are those who want the source can add cat Znycat QQ can also: 1764541256--Video learning materials free a

(material source) Cat learn iOS (16) UI Xib custom cell implementation Group Purchase UI

preprocessing directives # if 1#if 0#endifCan see the high function of the note, here will not let us see a green, but also can play the role of annotations, if you want to use this code to change 0 to 1,so easy!!Characteristics of the proxy modeProxy mode features: is the parent control (view controller) that listens to the child control's events, and notifies the parent control to work when something happens to the child control!PS: New iOS Exchange Learning Group: 304570962You can add a cat

Web Material-ui detailed (a) environment construction and Helloword

://github.com/callemall/material-ui/tree/master/examples, some students may not download, Here I directly give the download connection:Download the first oneDownload a secondIf one day you come in my blog found that these two connections can not be downloaded, or to the sample connection to download Themselves.Download Unzip sampleThe first one is based on gulp,

Material UI: A very powerful CSS framework

The Material UI is a very powerful, clean and concise CSS framework that leverages Google's Material design language and makes every UI component very independent. This makes it easier for developers to use the material UI. Like B

ANDROID l--material Design Details (UI controls)

Reprint Please indicate this article from Big Corn's blog (http://blog.csdn.net/a396901990 ), thank you for your support! Android L:Google has confirmed that Android L is Android Lollipop (5.0). The previous few days found that the Android5.0 version of the SDK was ready to download, and that the Nexus 6 and Nexus 9, the first to be powered by the Android L system, were also coming soon.So it's time to start learning Android L!About Android L How to configure the simulator and create a project,

Android l-Material Design (UI control) and androidui

Android l-Material Design (UI control) and androidui Reprinted please indicate this article from the blog of the big glutinous rice (http://blog.csdn.net/a396901990). Thank you for your support! Android L: Google has confirmed that Android L is Android Lollipop (5.0 ). A few days ago, we found that the official version of Android sdk can be downloaded, and the first Nexus 6 and Nexus 9 equipped with t

Material UI: Very powerful CSS framework, materialuicss framework

Material UI: Very powerful CSS framework, materialuicss framework Material UI is a CSS framework with very powerful functions and simple interfaces. Material UI uses the brand-new Design language of Google's

Android Material design new UI control using Daquan II

container for a specific interaction with one Coordinatorlayout is a powerful framelayout. The Coordinatorlayout has two main application directions: Decoration as a top-level application or a chrome layout As a container for special interactions with one or more child views In fact, Coordinatorlayout is just one from another level to control the layout of the touch event between the sub-view, can achieve different visual scrolling effect, we

Android Material design new UI controls using the Daquan one

PrefaceSince Google introduced a new design specification at the IO conference in 2014, the overall aesthetics of Android app has improved a great Material Design level, Android is no longer a black and ugly interface, instead of a rich color, beautiful buttons, good user experience; But at first, this design code can only be run on Android 5.0 or more mobile phones, resulting in developers are only to experience, in the country and not a wide range o

Aresio Web 2.0 webpage UI icon material sharing download [micro disk address]

Today, we found a set of very fresh and beautiful Web UI materials-aresio. The designer is vlade Dimovski. This webpage design icon material is a set of very fresh and concise Web 2.0 styles. This set of webpage materials was originally found on a foreign Webpage Design website and is originally charged. However, the free download is provided. Click this link to view more original works. This set of web

IOS Development notes-Basic UI (7) TOM (sequence Frame Animation, image loading, method reconstruction, Bundle image material of UIImageView ),

IOS Development notes-Basic UI (7) TOM (sequence Frame Animation, image loading, method reconstruction, Bundle image material of UIImageView ), Using UIImageView and UIButton to implement a comprehensive small case --- Tom Recall: UIImageView is from UIView, UIView is from UIResponder, UIButton is from UIControl, UIControl is from UIView Looking at the implementation alone, the code implementation is actua

Material Design UI Widgets

create a simple Adapter:public class Myadapter extends recyclerview.adapter3, Recycler Adapterpublic class Myadapter extends recyclerview.adapterRecyclerview Standardized Viewholder, writing Adapter for Viewhoder instead of view, the logic of reuse is encapsulated and easier to write. CardViewCardView inherits from the Framelayout class and is able to display content consistently in a card layout. The card can include rounded corners and shadows.The ability to use the Android:elevation property

(material source) Cat learn iOS (41) UI core animation two lines of code to fix 3D transitions (do Android crying)

animation) //ca.endprogress = 0.5; //Animation timeCa. Duration=1;//2. Add Core animations[ Self. IconView. LayerADDANIMATION:CA Forkey:Nil];}//Previous- (ibaction) Prebtnclick: (ID) Sender { Self. Index--;if( Self. Index1) { Self. Index=7; }NSString*imagename = [NSStringstringwithformat:@"%d.jpg", Self. Index];UIImage*newimage = [UIImageImagenamed:imagename]; Self. IconView. Image= NewImage;//1. Create a core animationCatransition *ca = [catransition animation];//1.1 Tell the system what

(material source) Cat learn iOS (18) UI QQ Chat Layout _ keyboard notification Implementation Auto Popup Hide _ Auto Reply

CGFloatKeyy = Frame. Origin. Y;//height of screen CGFloatScreenh = [[UIScreen mainscreen] bounds]. Size. Height;//Animation time CGFloatKeyduration = [Noti. UserInfo[Uikeyboardanimationdurationuserinfokey] floatvalue];//Perform animations[UIViewAnimatewithduration:keyduration animations:^{ Self. View. Transform= Cgaffinetransformmaketranslation (0, keyy-screenh); }];}Keyboard HideEnd Edit Event when TableView scrolls (exit keyboard)- (void)scrollViewWillBeginDragging:(UIScrollView *)sc

"Material Design Visual Design Language" UI component Designing (iii): Slips

state of the contact slipWhen you click on the contact sheet view in the off state, it expands and displays the address of the contact person. By default, the topmost contact is activated and selected The font of the contact name is: Roboto, General, 16SP The font for address text is: Roboto, General, 14SP When the user chooses, the paper view is closed as shown: Copyright NOTICE: When we seriously to do one thing, we can find the endless fun, colorful technology like the

"Material Design Visual Design Language" UI Component Designer (iv): Table

example, editing an existing text content, or adding a comment). Include editable fields in the table, prompted by using placeholder text. You can use a simple edit dialog box with just one text box, or you can display a complete dialog component. The placeholder text looks like this: Placeholder text: 13sp roboto regular,26% Black, no split line in text box 2.4.1 Small Edit dialog boxHow to design a small edit dialog box: Aligns the edges of the dialog box with the

(material source) Swanzhu iOS (ii) UI _nstimer

] "00"; scount=mcount=hcount=0;} -(void) ontimer{//viewwithtag through the tag to find the control//must be found in the parent view UILabel *label1= (UILabel *) [Self.view viewwithtag:1]; UILabel *label3= (UILabel *) [Self.view Viewwithtag:3]; UILabel *label5= (UILabel *) [Self.view viewwithtag:5]; Change the title scount++; if (scount==59) {scount=0; mcount++; [Self setlabelanimations:label3]; Label3.text=[nsstring stringwithformat:@ "%d"

(material source) Cat learn iOS (29) UI quartz2d Custom Download controls

//Download progress bar////Created by Apple on 15-4-27.//Copyright (c) 2015 Znycat. All rights reserved.//#Import "NYViewController.h"#Import "NYProgressView.h"@interfaceNyviewcontroller ()@property(Weak, nonatomic) Iboutlet Nyprogressview *progressview;@end@implementationNyviewcontroller/** events that occur with sliding sliders * /-(Ibaction) ValueChange: (UISlider *) Sender {NSLog (@"%f", Sender.value); _progressview.progress = Sender.value;} - (void) viewdidload{[SuperViewdidload];additional

Total Pages: 2 1 2 Go to: Go

Contact Us

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.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.