coded ui basics

1 Introduction to mobile Application interface design Explain current pop knowledge, including what elements, software used, what the future trends need to have the quality 3 Design Tools 3.1 Photoshop Setup Details How 3.2 Photoshop work with illustrator 3.3 Other design tools 4 preparatory work before the design 4.1 Understanding requirements and users 4.2 Design Sketches The role of 4.2.1 sketch 4.2.2 How to sketch is efficient and reasonable 4.3 Prototype design 4.3.1 Product pro

1. Terminology and concepts Android Phone UI Design resolution Basics Screen size (on-screen dimensions) Refers to the actual physical size of the phone, such as 2.8-inch, 3.2-inch, 3.5-inch, 3.7-inch Motorola Milestone mobile phone is 3.7 inches Aspect Ratio (Wide-high ratio) Refers to the actual physical dimensions of the wide-high ratio, divided into long and nolong Milestone is 16:9 a

, use UIButton--Review the use of arrays, indexes, dictionariesNSBundle used to get the full path of the fileWhen you get an array, you can use the full path of file7, UiiamgeviewI've already mentioned an animationUIView beginanimations。。。。UIView commitanimatiuonsSequence Frame Animations8. Animation memoryUIImage imagenamed:@ ""Generally loading small images or system images using9. Complementary Knowledge points1) UIView is a container in which you can place other UIView2) When positioning the

iOS Development UI Basics-Data RefreshThe data refresh of the cell contains the following aspects Add data Delete data Change data Global Refresh method (most commonly used)[self.tableView reloadData];// 屏幕上的所有可视的cell都会刷新一遍Local Refresh Method Add data NSArray *indexPaths = @[ [NSIndexPath indexPathForRow:0 inSection:0], [NSIn

efficiency2. Frame Address:Https://github.com/SnapKit/Masonry3.mas_equalto and EqualtoBy defaultMas_equalto has automatic packaging function, such as automatic packaging of 20 for the @20Equalto No automatic packaging functionIf you add the following macro, then Mas_equalto and Equalto are no different#define Mas_shorthand_globalsNote: This macro must be added to the front of #import "Masonry.h"4.mas_width and WidthBy defaultWidth is a property of the Make object that is used to add a width con

iOS Development UI Basics-Adding buttons to ImageView and parameter descriptions for tagsFirst, the tag parameterA view typically has only one parent view and multiple child views, which can be removed by using the child view's tag in development. The method is Viewwithtag:Cue point : In Xib, if you want to get the corresponding control (property) through the tag parameter, do not set the tag parameter to 0

properties of the objectThe member methods for modifying struct properties are as follows:(1) Using temporary variables to record the structure properties of an object(2) Modifying the properties of temporary variables(3) To reset temporary variables to the structure properties of an object3. Need to avoid magic numbers in program development (magic number)Use enum types to avoid magic numbers in your program(1) An enumeration type is essentially an integer that is used to replace the magic num

way, may be related to Chinese) "$ (srcroot)/corresponding folder name/ Prefixheader.pch " A lot of log information is required when testing the application, but it is forbidden to print the information if we publish the program. Customize your own log mode. Custom log complete form #ifdef debug #define HQLOG (...) NSLog (__va_args__) #else #define HQLOG (...) #endif Points to note when using PCH files:

Towering high-rise, the most intuitive person in the development of Android also believes that the most task is the development of the UI.So what do users see at the front desk?Yes, it's activity!.Activity is just a form, and what is actually shown to the user is view.If a person familiar with web development understands the concept of MVC. This view is the V-level, which shows the user what to see.Also used to interactively produce model data for the controller to handle.View in Android is the

}importfoundationimportuikitclasssecondviewcontroller:uiviewcontroller{ varviewChangeDelegate:ViewChangeDelegate?var closure={ (Value:string,num:int) ->Voidin }override funcviewdidload () {super.viewdidload () self.title= "second page" self.view.backgroundColor= Uicolor.graycolor () varbutton=uibutton.buttonwithtype (. System) as!UIButtonbutton.frame=cgrect (x:100,y:100,width:100,height:40) button.settitle ("Return to Previous Page", forstate:.) Normal) button.addtarget (self,action: "Back:"

Android UI development Topic (ii) Basics of plotting In the interface design of the Android UI development topic (I), we introduced operations related to resource usage and Bitmap on the Android platform, in the following example, we will show you the usage and attention of each type. Today, we continue to learn about the most important plotting classes in the an

properties of the objectThe member methods for modifying struct properties are as follows:(1) Using temporary variables to record the structure properties of an object(2) Modifying the properties of temporary variables(3) To reset temporary variables to the structure properties of an object3. Need to avoid magic numbers in program development (magic number)Use enum types to avoid magic numbers in your program(1) An enumeration type is essentially an integer that is used to replace the magic num

iOS Development UI Basics-Install official Apple docs and Xcode simulatorTip: Prepare your data(1) Com.apple.adc.documentation.appleios7.1.ioslibrary.docset.zip(2) Iphonesimulator6.1.sdk.zipFirst, install Apple official documents1. Installation pathThe document has two installation paths:(1) ~/Resource Library/developer/xcode/userdata/(2)/applications/xcode.app/contents/developer/documentation/docsetstip: B

variable can be guaranteed to allocate only one storage space once (initialize only once) StaticNSString *id =@"Mjcell"; //2. Remove the cell from the cache poolUITableViewCell *cell =[TableView Dequeuereusablecellwithidentifier:id]; //3. If there is no cell in the cache pool if(Cell = =Nil) {Cell=[[UITableViewCell alloc] Initwithstyle:uitableviewcellstylesubtitle Reuseidentifier:id]; } //4. Set the properties of the cell ... returncell;}Right Index barAlready have the cor

operation-(Ibaction) Add {Add model data Jxwine *wine = [[Jxwine alloc] init]; Wine. Money =@ "20.5"; Wine. Name =@ "very good drink"; Wine. Image =@ "New_wine"; [Self. Winearray Insertobject:wine Atindex:0]; Jxwine *wine2 = [[Jxwine alloc] init]; Wine2. Money =@ "100.5"; Wine2. Name =@ "very good"; Wine2. Image =@ "New_wine"; [Self. Winearray Insertobject:wine2 Atindex:0];RefreshNsarray *indexpaths = @[[Nsindexpath Indexpathforrow:0 Insection:0], [Nsindexpath Indexpathforrow:1 insection:0]]; [

: [Uifont systemfontofsize:14]};CGFloat texth = [Self. text Boundingrectwithsize:textmaxsize options:nsstringdrawinguseslinefragmentorigin attributes:textAttrs context:Nil. Size. Height;Self. TextFrame = CGRectMake (Textx, texty, TEXTW, texth);Image matchingif (self.picture) {cgfloat picturewh = 100; cgfloat Picturex = TEXTX; cgfloat Picturey = Cgrectgetmaxy (self .textframe) + margin; self.pictureframe = CGRectMake (PictureX, PictureY, PICTUREWH, PICTUREWH); _cellheight = Cgrectgetmaxy (self.pi