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:tabbackgrou
thinner than usual, and that is the magic of color. In fact, only female colleagues use the black shrinkage effect, so that their legs look thinner than usual. Visible, as long as mastered the color psychology, can make oneself become more perfect.
More scientific analysis
We have been in junior high school physics, the same light material on different wavelen
Android Material Design 5.0 PickerDialog
5.0 time selector in the system:
This project is compatible with less than 3.0 so with third-party open source projects: actionbarsherlock, animation effect compatibility: nineoldandroids-2.4.0.jar, format converter: joda-time-2.1.jar
Main call code example:
import org.joda.time.DateTime;import android.os.Bundle;import android.support.v4.app.FragmentTransaction;im
others are optional;The following is the real-computer operation effect, pay attention to observe the location of Floatingactionbutton.When you click Floatingactionbutton, the snackbar pops up from the bottom and the Floatingactionbutton moves up automatically, without blocking the keys, providing a good interaction, This is one of the advantages of using Snackbar and coordinatorlayout together.Two advantages of combining Snackbar and coordinatorlayout: Snackbar can swipe right to clear.Click t
Simpler and more comprehensive material design status bar
Based on actual usage requirements, the following types of MD status bar are implemented in the simplest way. (Focus on the use of fitsSystemWindows)
0. Prerequisites
Theme. AppCompat. Light. DarkActionBar
TargetSdkVersion 23;
Support librariy 23.3.0
Styles-v19:
True
Styles-v21 +:
True
@ Android:
) { 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 cont
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
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
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
Design
Color is the most important factor in the image, a beautifully designed image playing moving depends on its visual effects, so color selection and collocation is very important. Fireworks MX 2004 provides a powerful color feature, we can not only choose a variety of ways to use
collocation is a technical work, at the same time it is also a very strong artistic work, therefore, designers in the design of the Web site in addition to the characteristics of its own, but also to follow certain art laws, so as to design a distinctive color, unique character of the site.
1. Distinctive
A website with c
certain foundation and material, want to make a beautiful webpage, will collect the best picture of oneself, the most satisfied color is piled up on the page; But the time is long, but found that the color is messy, no personality and style Third relocation of their own website, choose to suit their own colors, the launch of the site is often more successful, wh
Android color design concept and android Design ConceptColor
Colors are inspired by contemporary buildings, road signs, crosstab charts, and sports ground pavilions. This creates a bold color expression that activates the color and is in stark contrast to the monotonous sur
the compression coefficient.
Figure 12. Black and white: Non-color contrast bar
Figure 13. Use a blue contrast bar
When you use a color and then increase or decrease its brightness, a monochrome comparison is established.
Comparison is very important in web design. There are many different methods for comparison, all of which are based on another
Article Introduction: the natural fan of the web color.
The visual aspect of Web page is mainly composed of form (or layout), color, picture and text information, designers usually pay more attention to form , because visual impact, design difference or innovation mostly depend on form presentation, and color
know more about printing. Many designers, especially the new entrants, do not understand the printing process, so there are some avoidable errors when they go to press.
Usually the most problematic is the printed color of printed matter, the effect is not as the designer's mind. There are many reasons for this failure, and one of the reasons is probably related to printing materials and printing methods. The same ink with different materials, differe
Flat design and color scheme Flat UI and flatui
This article will show many cool examples and even provide a free user interface toolkit for you to download and use. But if you are yourself, what are you going to do? Color is the most important part of the flat trend.Flat design training
A flat
color of the text, you want to separate from the background. There's a small way: Open the Dreamweaver color box (pictured below). If they are a group of 6 colors, each group is a good color scheme, but are more high-profile. In fact, if you encounter trouble with color, you can in the
A popular color scheme for flat designFlat design has been popular since 2012, I think flat design is a little similar to minimalism, the same is the pursuit of simplicity, simplicity, the difference is that flat design is a simple effect, or deliberately do not use a three-dimensional effect of the
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.