metro ui design

This series of articles, originally an Android UI design slide from the official Android developer blog, was translated into 5 translations by 51CTO translators in the hope of helping Android developers. This article is "Google Android UI Design Tips" Part III: Framework features. This article is "Google Android

Timing digital Dynamic effect6-11 days Air interface real-time weather and illustration dynamic effect6-12 days Gas Interface rain and lightning action6-13 days Air Interface Dynamic Packaging6-14 Crushing Effect7th-AE Expression LearningHigh-level expression, replacing complex keyframes with expressions, efficient, convenient, hands free7-1 Expression Basics7-2 synthetic examples of elastic expressions7-3 sliding block control and Math.Round7-4 expression re-use7-5 Loop expression7-6 differenc

(Intent.flag_activity_clear_when_task_reset); StartActivity (externalactivityintent); } }); }}4. Go to another activity interface, Otheractivity.java: Packagecom.yangyu.myactionbar04;ImportAndroid.app.ActionBar;Importandroid.content.Intent;ImportAndroid.os.Bundle;Importandroid.support.v4.app.FragmentActivity;Importandroid.support.v4.app.NavUtils;ImportAndroid.support.v4.app.TaskStackBuilder;ImportAndroid.view.MenuItem; Public classOtheractivityextendsfragmentactivity { Pu

indexoutofrange (int thumbindex) {return (Thumbindex The default values are defined in Fontsliderbar and a series of methods for modifying properties are kicked out, and methods such as Onmeasure (), onsizechanged (), OnDraw (), ontouchevent () are rewritten fontsliderbar respectively. The Onmeasure () method determines the dimensions of the Fontsliderbar, Onsizechanged () method creates bar and thumb objects, and the Ontouchevent () method determines whether the thumb can be dragged by clickin

Before with our UXC classmate chatted some, records down, facilitates in the work unceasingly penetrates the depth and the understanding, can gradually develop the relatively good esthetic and to the UI interactive question the keen awareness power.Problem-oriented ...The first question: The icon in a menu must be consistent in style, for example, is a line-based simplified, or contains complex diagrams, need to be displayed separately, such as the fo

When it comes to online shopping, Taobao is unavoidable, and all net purchases, women account for a large proportion, many service shopping sites have a special women's channel. This article will be from Taobao on the women's channel UI design, to see how to design a female favorite web interface. October 9 is the National Day of the Golden Week after the first d

It is recommended to use http://pencil.evolus.vn/, which can be installed on all platforms, and also contains some component libraries for Android Material Design.Very easy to use and prototype design in the APP development processProvides two Material Design open source material addressesWidgets (component): Https://github.com/nathanielw/Android-Lollipop-Pencil-StencilsIcons (icon): Https://github.com/nath

The UI components provided by Flex are typical negative textbooks. Its labels use the TLF framework, which is heavy and bloated. Image and text mixing has always been a weakness of Actionsc (Flash. TLF is a framework developed for complex text and text layout. It only implements Part of the HTML layout function. Where are Flex labels used? Complex layout design fields? Obviously not (using Flex to d

has always been using out-of-the-box UI framework, such as Microsoft's window, QT, etc., because it has a variety of controls (such as button, window, edit, etc.) have been encapsulated implementation, we just have to use it, also always think it is sacred, do not have a deep understanding of how it is implemented, In the near time have to do this project, and I designed and realized, to say the truth, just want to find an easy-to-use

When a development engineer asks repeatedly, "What's the point of letting me move 1px here, why should I waste my time doing this" and when I refuse to change, how can I let this development understand and realize the importance of the change? As accustomed to the game company planning, procedures, art staged in the kingdoms of the people, let the @ Carefree old Lee to end the topic bar. First answer the question, the programmer does not cooperate, 90% above the situation is the dem

is similar to the super menu navigation used by the website. It displays the menu options in the predefined format in a large coverage board group. The ripcurl website uses the super menu to display the secondary category of the apparel (see Figure 1-26 ). Figure 1-26 ripcurlshop.com Facebook of WebOS uses the supermenu to streamline navigation, avoiding excessive options in Hop navigation. Walmart also uses a super menu style in their android applications (see Figure 1-27 ). Before selecting t

recognizer, once the tap gesture is recognized, it executes the tap in self: The method can be executed in multiple ways!! But we generally do not add UITapGestureRecognizer *tapg =[[uitapgesturerecognizer alloc]initwithtarget:self action:@ Selector (tap:)]; tapg.numberoftapsrequired = 2; //point few tapg.numberoftouchesrequired = 1; A few fingers //Create a rotation gesture uirotationgesturerecognizer *rogr = [[Uirotationgesturerecognizer alloc ] initwithtarget:self action:@ Selector (rotage:)

Next, I will talk about the rest of the design and interaction specifications for Windows Phone 7, including text, punctuation, touch, screen keyboard, physical keyboard, screen, and other hardware.Text This specification is so meticulous that it provides detailed provisions and suggestions on the text format of Windows Phone 7 applications. Although many contents are not specific to Chinese, but it's okay to know about it. The built-in Unicode font o

8DP or 10DP, layout/text minimum interval recommended 4DP(2) Component size recommendations can be divisible by 4(3) The component size is recommended to be even (the singular is prone to aliasing)4.48 Touch Law: 48DP is about 9mm physical size, is a user finger can be accurate and comfortable touch the smallest size5. Common Component Dimensions:Status bar: 24DPAction Bar: 44/48DPSide navigation: 286/304DPSuspension Operation Button: 56DPAction Bar +TAB:36+33DP/44+40DPBottom bar: 44/48DP6.Andr

Reprint Please indicate the source: http://blog.csdn.net/llew2011/article/details/51598682 We usually meet some wonderful needs in the development, In order to achieve these needs, we often racked our brains and sometimes the food is not fragrant, a bit exaggerated (*^__^*) ... One of my deepest impressions is the need to show some words in bold text. At that time a lot of effort, but fortunately, the problem is finally resolved, interested in child boots can look at: Android

As time moves on, Bookkeeping Bao also ushered in the 1.5-year-old birthday, of course, this time did not let the vast number of Bao powder disappointed, we redefined the mobile phone side of the UI display, and strive not to put a control, do not write a text, so simple and can accurately convey the meaning of the expression, after this long period of development, we summarized as follows:1. Flattening is overwhelming, the

Basic Design of the UI (User Interface) Address: http://blog.csdn.net/caroline_wendy UI (User Interface)IncludeFour TypesBasic elements,View),ViewGroup),Fragment),Activity); View:Base classes of all visible interface elements; ViewGroup:View class extension, including multiple sub-views and layout manager; Fragment:Creates reusable la S and blocks the la; S; Ac

com.example.declarestyleabletest;Import Android.content.Context;Import Android.content.res.TypedArray;Import Android.util.AttributeSet;Import Android.widget.TextView;public class MyTest extends TextView {Public MyTest (context context, AttributeSet Attrs) {Super (context, attrs);TypedArray Tarray = context.obtainstyledattributes (Attrs,R.styleable.first);String name = tarray.getstring (r.styleable.first_name);int age = Tarray.getint (r.styleable.first_age, 100);int dimen = Tarray.getint (r.styl

Haven't written about UI for a long time, just turned over the previous blog, a recent blog about the UI: the Android UI Design series of the custom dialog implementation of various styles of dialog box effect (7), to achieve a variety of style effects of the dialog box, After that blog after writing because the compan

accumulate more in the future.look at this interface:Set a prompt to add a success, after 3 seconds automatically jump to the "Add exam" screen. And in this interface can be done to let users run out of the system, but also want to use again, really?It is also an application of the idea of a "win" .As an example:take a university A for example, and the school gate of a large bookstore b cooperation, system users for college students, in the above "Add Test Success" interface for bookstore B adv