In ctionDesign（主講 實(shí)踐篇2為移動(dòng)應(yīng)用而設(shè)計(jì)（PartIII） 本講內(nèi)容概①ControlIdioms ①移動(dòng)端交互設(shè)移動(dòng)端設(shè)備獨(dú)特的交互方 applicationssharemanycontrolswithdesktopandwebapplications.移動(dòng)端設(shè)備獨(dú)特的交互方However,duetotheuniqueformfactorandmulti-touchinputtechnologyemployedbythemajorityof devices,theyhaveevolvedauniquesetofidiomsespeciallysuitedto appuse.移動(dòng)端設(shè)備獨(dú)特的交互方移動(dòng)端獨(dú)特的交互方式：Browsecontrols appsareoptimizedforDuetothelimitationsoftheformfactorandinputoptions,itismucheasieron devicestobrowseandselectcontentthantoinputdata.移動(dòng)端獨(dú)特的交互方式：Browsecontrols移動(dòng)端獨(dú)特的瀏覽控Listsarethemostfrequentlyusedpatternfororganizingcontentonhandheldformattouchscreen移動(dòng)端獨(dú)特的瀏覽控Listcontentoftenincludeslineitemsorblocksoftext,controls(suchascheckboxesorbuttons)andtheirlabels,andimageor 和按鈕一類的控件和這些控件的，以及或者視移動(dòng)端獨(dú)特的瀏覽控Listviewsoftenworkinconjunctionwithtabbarstoprovideaccesstomultiplescreensofcontent,eachinitsseparaymaintainedlist.列表通常與欄結(jié)合在一起使用，用于瀏覽不同屏幕移動(dòng)端獨(dú)特的瀏覽控移動(dòng)端獨(dú)特的瀏覽控ListscaneitherbefiniteinlengthorallowinfiniteThiskindofscrollingpresentsaninitialsubsetofitemsfromaverylargesetandthenpresentsanadditionalblockofresultseachtimetheuserreachesthebottomofthelist.列表還允許用戶在瀏覽到列表底部時(shí)加 的內(nèi)容移動(dòng)端獨(dú)特的瀏覽控Gridsareusedtoorganizecontentsuchasapps,thumbnails,andfunctioniconsintoregularrowsand網(wǎng)格主要用于在行與列上布局App、縮略圖和功能圖標(biāo)移動(dòng)端獨(dú)特的瀏覽控移動(dòng)端獨(dú)特的瀏覽控Withinanapp,gridviews(alsocalledgalleryviews)oftenareusedtopresentmediaobjects.Theseincludephotos, s,andmusicalbums,orsmall,encapsulatedcards. 移動(dòng)端獨(dú)特的瀏覽控移動(dòng)端獨(dú)特的瀏覽控移動(dòng)端獨(dú)特的瀏覽控移動(dòng)端獨(dú)特的瀏覽控ContentContentcarouselslivewithinasinglescreenlayoutbutusethesametypeofgesturetoallownavigationbetweendifferentcontentobjectsthatarepresentedwithinthatscreen.移動(dòng)端獨(dú)特的瀏覽控ContentContentcarouselspresentarowofcontentitemscarefullysizedandspacedsothattheybleedofftheedgeofthescreen.移動(dòng)端獨(dú)特的瀏覽控ContentOrtheyfillthescreenfromthelefttorightedgeanduseeitherarrowsneartheleftandrightscreenedgesorapagemarkerwidget.移動(dòng)端獨(dú)特的瀏覽控Content移動(dòng)端獨(dú)特的瀏覽控ContentTypically,contentcarouselsareusedtopresentarelativelysmallsetofobjectsthattheappismeanttofeatureorhighlight.一般而言，內(nèi)容幻燈片通常用一組相對(duì)較小的對(duì)象呈移動(dòng)端獨(dú)特的瀏覽控ContentAssuch,onlyonecarouselshouldbeemployedonascreen,anditshouldtakethemostprominentpositioninthelayout.移動(dòng)端獨(dú)特的瀏覽控SwimlanesSwimlanesareaclevermash-upofthecarouselconceptwithagrid.Theycombinethecarousel’snaturalbrowsabilitywiththedatadensitythatonlyagridcanpermit.移動(dòng)端獨(dú)特的瀏覽控SwimlanesSwimlanesareaverticalstackofcarousels,eachofwhichcanbescrolledhorizontally,independentofthe移動(dòng)端獨(dú)特的瀏覽控SwimlanesControlControl移動(dòng)端獨(dú)特的瀏覽控件：Cardisaself-containedin media,text,weblinks,andsocialactionssuchascommenting,sharing,tagging,andaddingmedia. 之類的社交功移動(dòng)端獨(dú)特的瀏覽控件：移動(dòng)端獨(dú)特的瀏覽控件：Cardsaremostoftendis yedinascrollingverticallist,buttheyalsolendthemselvestogrid,carousel,andswimlanelayouts.移動(dòng)端獨(dú)特的瀏覽控件：移動(dòng)端獨(dú)特的交互方式NavigationandtoolBarsaretheprimarymechanismfornavigatingtothedifferentfunctionalandcontentareasofhandheld移動(dòng)端獨(dú)特的交互方式Navigationandtool移動(dòng)端獨(dú)特的導(dǎo)航控件TabTabbarscontainasetoftextand/oricon atabbuttonswitchestoadifferentlistorgridviewinthemaincontentarea. 移動(dòng)端獨(dú)特的導(dǎo)航控件Tab移動(dòng)端獨(dú)特的導(dǎo)航控件Tab移動(dòng)端獨(dú)特的導(dǎo)航控件Tab移動(dòng)端獨(dú)特的導(dǎo)航控件TabSometabletappsuseverticaltabbarsalignedtotheleftedgeofthescreen.移動(dòng)端獨(dú)特的導(dǎo)航控件More…controlsThenarrowaspectratioofmosthandheldscreens,aswellastheneedtoprovidefingertip-sizedhitareas,limitsthepracticalnumberofcontrolsthatcanliveinabartonomorethanaboutfive.移動(dòng)端獨(dú)特的導(dǎo)航控件More…controlsTheMore…controlisatabbaroractionbarcontrolthatgetsaroundthelimitedscreenrealestateof 移動(dòng)端獨(dú)特的導(dǎo)航控件More…controls移動(dòng)端獨(dú)特的導(dǎo)航控件More…controls移動(dòng)端獨(dú)特的導(dǎo)航控件TabAdifferentapproachtothesameproblemthattheMore…controladdressesisthetabcarousel,whichelegantlymarriestheconceptoftabswiththatofhorizontallyswipablecarousels. 移動(dòng)端獨(dú)特的導(dǎo)航控件Tab移動(dòng)端獨(dú)特的導(dǎo)航控件NavbarsandactionbarsNavbars,locatedatthetopofthescreen,provideawaytonavigatealistorgridhierarchy.Androidcallsthissetofcontrolsanactionbar.移動(dòng)端獨(dú)特的導(dǎo)航控件NavbarsandactionbarsTypicallytheycontainattheveryleastabackbuttonontheleftandthetitleofthecurrentlist,grid,orothertypeofcontentscreeninthecenter.移動(dòng)端獨(dú)特的導(dǎo)航控件NavbarsandactionbarsNavNav移動(dòng)端獨(dú)特的導(dǎo)航控件NavbarsandactionbarsAction

移動(dòng)端獨(dú)特的導(dǎo)航控件NavbarsandactionbarsAction移動(dòng)端獨(dú)特的導(dǎo)航控件ToolbarsandpalettesToolbarscontainbuttonsthatexecutefunctionsonthecurrentorselectedappcontent. 移動(dòng)端獨(dú)特的導(dǎo)航控件Toolbarsandpalettes移動(dòng)端獨(dú)特的導(dǎo)航控DrawersDrawersareacleveridiomthatprovidesaccesstoaverticallistofnavigationalelementssimilartotabs. 移動(dòng)端獨(dú)特的導(dǎo)航控DrawersThedrawericonisalsocalledthehamburgericonduetoitsshape:threeshort,stackedlines.移動(dòng)端獨(dú)特的導(dǎo)航控Dra