Delphixe8 开发文档英文原版Mobile_Tutorials_en

MobileTutorials:MobileApplicationDevelopment(iosandAndroid Setup UsingBasicUserInterfaceElements…… ···················:········ 12 UsingdeviceFunctionality............. 14 UsingBackendasaService AccessingaDatabase 15 Seealso MobileTutorial:SetUpYourDevelopmentEnvironmentontheMac(ios...17 Requirementsonthemacandios StepstoConfigureYourMactorunYouriosApplication...........................18 Step1:InstallthePlatformassistant Step2:RunthePlatformassistant Step3:InstallXcodeonthemac 20 NextSteps 21 AdditionalStepstoConfigureYourmactorunyouriosapplicationonyouriOS Device 22 Step1:MakesurethattheXcodecommandlinetoolsareinstalledonyour Mac 22 Step2:SignUpforaDeveloperAccour 24 Step3:Request,DownloadandInstallYourDevelopmentCertificate 24 Request,DownloadandInstallYourCertificate 25 Step4:RegisterYourDeviceforDeployment 26 Step5:Createandinstal‖!aProvisioningProfile……………….27 Seealso ·中 中中······ 29 MobileTutorial:SetUpYourDevelopmentEnvironmentonWindowsPC(iOS).30 SettingUpYourRAdStudioEnvironment CreateaconnectionProfileforthemac 31 AddansdktothedevelopmentSystemfortheiOSDeviceConnectedto themac 34 Seealso 36 MobileTutorial:SetUpYourDevelopmentEnvironmentonWindowspc (Android).......... SettingUpYourRADStudioEnvironmen∴…… …37 ………37 AndroiddevelopmentToolsAreInstalledwithRAdstudio 38 AddingYourAndroidsDKinToolsOptions>SDKManager………………………,40 InstallingtheUSBDriverforYourAndroidDevice(required) 24 Seealso 47 Mobiletutorial:CreatinganapplicationforMobileplatforms(iosandandroid) ……………,……………,…………………………………48 Beforeyoustart..…….…… 1···非 Step1:CreateaNewFireMonkeyapplicationforAndroidoriOS………….…49 EmbarcaderoTechnologies Step2:SelectaStyle Step3:PlaceComponentsontheMulti-DeviceForm 50 Step4:AddingviewstoYourProject. ··申· 54 Step5:WriteanEventHandlerforabuttonClickbytheUser .54 Step6:TestYourMobileApplication…… 56 TestYourAndroidapplicationontheandroidDevice……………………57 TestYouriOSApp|lication............……158 Seealso 60 MobileTutorial:UsingaButtonComponentwithDifferentStyles(iosand Android) ······························ Buttonsinmobileplatforms DefinethelookandFeelforabuttoncomponen∴… 61 .62 UsingTintColorandIconTintColoronButtons 63 UsingStyledandColoredButtonsonTargetPlatforms...........65 PlacinganImageoverabutton 非非。非。非非布非。非布非。。非非布非·着。非 65 CreateaSegmentedControlUsingButtonComponents 66 CreateascopeBaronaToolbarComponent…………………………………68 Seealso 69 MobileTutorial:UsingaCalendarComponenttoPickadate(iosandandroid) 70 Calendarinmobileplatforms 70 ImplementinganEventHandlerforUserChangestothedate 72 Seealso ···············.·········:··.····中:········ 74 Mobiletutorial:UsingComboBoxComponentstoPickItemsfromaListiosand Android 75 mplementingaPickerinmulti-Deviceapplications….….…..…….….……,75 BuildingaListofitemsUsingCode....…….………………………,78 DisplayingaSpecificItem ∴78 ImplementinganEventHandlerfortheUser'sSelection 80 Seealso ·········*····* 81 MobileTutorial:UsingaMapComponenttoWorkwithmaps(iosandandroid 82 BasicFeaturesoftheTmapviewComponent…………………….83 CreatingaSampleApplication 83 ConfiguringAndroidApplicationstoUsetheTmapviewcomponent...83 DesigningtheUserInterface 着。。鲁着。。。。着 83 Runningthesampleapplication 88 Seealso ····························· 春非·。。。。非。。。。。。。 90 ConfiguringAndroidapplicationstoUseGo。glemaps.…………….9 GettingtheGoogleMapsAP|key…… RetrievingYourApplicationCertificate 91 CreatinganAPIProjectintheGoogleAPlsConsole………....92 RequestingaMapsaPiKey…………………………3 ConfiguringspecificProjectOptions 。。·非非。。。非。。非。。。布。非非。。布。。d。。非 93 EmbarcaderoTechnologies Seealso .97 MobileTutorial:UsingaMultiViewComponenttoDisplayalternateviewsof nformation(OSandAndroid)………………98 AbouttheMultiviewcomponent. 98 Masterpanepresentationmodes 99 DesigningtheUserInterface …103 DesigningtheMasterPane 104 DesigningtheDetailPane …104 ImplementingtheCamerabuttonsFunctionality...................105 SettingtheMultiViewComponentProperties.…....………,109 RUnningtheExampleApplication ……109 MobileproductsamplesthatUseMultiview Seealso 111 MobileTutorial:UsingtheWebbrowserComponent(iosandandroid) 112 DesigntheUserInterface 布看非 WriteaneventHandlertoOpenaWebpagewhentheUserChangestheURL intheeditcontrol ImplementaCommonMethodtoOpenaWebPage ImplementanEventHandlerfortheonChangeEvent 117 ImplementanEventHandlerforthebackbutton SelectingtheProperVirtualKeyboardfortheWebbrowserApplication WebBrowserMobileCodeSnippet 。非 120 Seealso 中··.·······.······.·····.·····.···.·····.········ 布。·。。非 121 MobileTutorial:UsingTabComponentstoDisplayPages(iosandandroid).122 UsingtheNativeStyleforTabsoniosandandroid 122 DesigningTabPagesUsingtheFormDesigner"……….…………………………123 ComparingtheTabsettingsoniosandandroid ·········:······:··· 127 UsingCustomMulti-ResolutionIconsforYourTabs ∴133 DisplayingMulti-ResolutionCustomIconsonTabs 134 UsingaSingle-ResolutionBitmapforaCustomIcon 137 DefiningControlswithinatabControl..................139 Changingthepageatruntime ·····.········ 141 BytheUserTappingtheTab………………………………………14 Byactionsandanactionlist Bysourcecode 146 Seealso 147 MobileTutorial:UsingLiveBindingstoPopulatealistView(iosandandroid).148 StepI:CreatingtheProjec↑…….….…. 148 step2:AddingFields....….………………150 step3:CreatingLiveBindings………. …151 Step4:AddingMoreFields(Bitmaps,Currency).........154 Step5:AddingtheonButtonClickEventHandler..............155 Theresults 156 Seealso 。非。B。布。。非。申。非 ……157 EmbarcaderoTechnologies MobileTutorial:UsingListBoxComponentstoDisplayaTableview(ioSand Android)..... 158 UsingListBoxComponentstoDisplayaTableviewinMobilePlatforms...158 Plainlist 159 Groupedlist ·非 160 Searchbo… 161 CreateItemsontheListBoxComponent Addaheader 164 AddagroupHeader/Footertothelist 165 ShowListitemsasseparategroupeditems 166 AddacheckboxorotherAccessorytoaLis书BoxItem…………167 addanicontoalistboxitem 167 AdddetailInformationtoanitem...m.....168 RunningYourApplication...........68 CreateYourListBoxapplication AdditemstoalistBoxfromyourcode 169 CreateanOverflowMenu 172 CreatingtheEventHandlerfortheOverflowButton 174 Addasearchbox… 175 Runningyourapplication……… 176 Seealso..………………………177 MobileTutorial:UsingLiveBindingstoPopulateaListBoxinMobileApplications osandandroid)....….……. ·····.·············..············· 178 Step1:CreatingtheProject 178 Step2:CreatingtheLiveBindings 181 Theresults …183 Seealso 184 MobileTutorial:UsingLayouttoAdjustDifferentFormSizesorOrientations(ioS andandroid)… 185 EveryFireMonkeyComponentCanHaveanOwner,aParent,andChildren 185 UsingCommonLayout-RelatedPropertiesofaFireMonkeyComponent.....185 UsingtheAlignProperty……………………..185 UsingthemarginsProperty……,……,…,…,…,……,…………,………………197 UsingthePaddingProperty…..… 187 UsingtheAnchorsProperty.……188 Usingthelayoutcomponent…… 189 Seealso.….………………………………………………….190 MobileTutorial:TakingandSharingaPicture,andSharingTextiosandAndroid Topics 195 Seealso.… 195 Mobiletutorial:UsingLocationSensors(○sandandroid)…….196 DesigntheUserInterface …197 EmbarcaderoTechnologies TheLocationSensor……… 199 ReadLocationInformationLatitude,Longitude)fromtheLocationSensor Component.........…..............199 ShowtheCurrentLocationUsingGooglemapsviaaTWebBrowser Component……,…,…,,…,…,…,…,…,…,…,…,…,…,…,…,…,…,……,…,…………201 UsereverseGeocoding …202 ShowareadableaddressinthelistBoxcomponent 205 DescribingWhyYourapplicationNeedstheUserLocation.........................206 Seealso 206 MobileTutorial:UsingNotifications(iosandandroid) 207 ThreeBasicNotificationorAlertstyles ……207 Notificationbanneronmobiledevices 207 AlertDialogs:iOSBadgeNumberandAndroidNotificationNumber...208 Notificationcenteronmobiledevices..........................................................208 Accessthenotificatio∩Service∴ 209 AddFmloca|Notificationpermission(OS8○ny)……… ·················· 210 SettheIconBadgeNumberandNotificationNumberfromCode…………210 Schedulenotification 212 RepeataNotificationMessage 214 UpdateorCancelascheduledorRepeatedNotificationMessage..........216 PresenttheNotificationMessageImmediately................217 CustomizingtheNotificationSound 219 Notificationbannerornotificationalert ∴223 AddActiontotheNotificationAlertiOSOnly 224 Addactiontonotifications 226 RUnningtheapplication.....….….…..227 Seealso .227 MobileTutorial:UsingRemoteNotifications(iosandAndroid 28 Remotepushnotification 228 RESTBAASframework 229 TopicsinthisMobiletutorial 229 Seealso 229 Codesamples........……,…,…229 Mu-DeviceApplicationtoReceivePushNotifications………230 DesignandSetUptheUserInterface 230 Creatingtheeventhandlers...........................235 Androidsettings 238 ProjectSettings...........…...,….…………….238 o○SEttings…………… 239 ProjectSettings.…… ∴…239 RunningYourApplicationonaMobileDevice 239 Seealso 243 Codesamples... ······.······.···························································:···· 243 MobileTutorial:Usingthephonedialeronmobiledevicesiosandandroid.244 EmbarcaderoTechnologies AboutthephonedialerServicesonmobiledevices.........................................244 AccessingthePhoneDialerServices 244 DesigningtheUserInterface....................246 GettingtheCarrierProperties …246 RunningtheApplication…………………247 Makingaca..….… .248 DetectingtheCallstateChanges 250 ImplementingtheOnCallStateChangedEventHandler.........251 Seealso...........…...255 Mobiletutorial:UsingbαaSforbackendstorσge(iosandandroid)…………256 GettingYourAppReadyinkinveyandParse………,…,………………,257 DesignandSetUpoftheUserInterface 257 AddingtheBackendComponents 258 Creatingandstoringobjects ········.···················································:······:····· 260 Deletingobjects …261 RetrievingObjects B。 263 RUnningYourApplication………………………,,………,……………….267 Seealso 268 Codesamples 268 MobileTutorial:UsingInterBaseToGowithdbExpress(ioSandAndroid) .269 UsingdbExpresstoConnecttothedatabase.…..….….….….….….….....270 DesignandsetUptheUserInterface ,271 Connectingtothedata∴… D。。市。。自非非 …272 DeployingYourApplicationtomobil 275 DeployInterBaseToGo,dbExpressDriver,andthedatabaseFiletomobile 。。非布非·非·非 非非。。。。。非。。。布。非看。。。布。。看。非非 275 ModifyyourCodetoconnecttoaLocaldatabaseFileonmobile....278 RUnYourApplicationonaSimulatororonamobileDevice 280 Troubleshooting....... 281 InterBaseissues 281 ExceptionHandlingIssues .281 Seealso ········.·········:·..······· 282 MobileTutorial:UsingInterBaseToGowithFireDAC(ioSandAndroid)....283 UsingFireDACtoConnecttothedatabase…………………….…285 DesignandsetuptheuserInterface 285 Connectingtothedata 286 DeployingyourApplicationtomobile............290 DeployinginterBaseToGorequiredfilesandthedatabasefiletomobile290 RunYourApplicationonaSimulatororonamobileDevice…………293 Troubleshooting ∴294 Interbaseissues 294 ExceptionHandlingIssues.....................294 Seealso........……….….……….295 MobileTutorial:UsingdbExpressandSQliteiosandandroid) 。非申非非。布。d非。非 296 EmbarcaderoTechnologies UsingdbExpresstoConnecttothedatabase .297 CreatingthedatabaseintheWindowsenvironmentforDevelopment Purposes...............….….27 Createthedatabaseinthedataexplorer 297 CreateTableonDataExplorer…….…......…...299 DesignandSetUptheUserInterface 300 Connectingtothedata 302 CreatingtheeventHandlertomakethedeleteButtonvisibleWhentheUser Selectsanitemfromthelist ······················································:············ 304 CreatingtheeventHandlerfortheaddbuttontoaddanentrytothelist.305 CreatingtheeventHandlerforthedeleteButtontoremoveanEntryfromthe List 309 SettingUpYourdatabaseDeploymentforMobilePlatforms 311 AddandConfigureYourdatabaseFileintheDeploymentmanager..311 ModityingyourcodetoconnecttoalocaldatabaseFileonmobile Platforms...............................................................................................................312 SpecifyingtheLocationofthesQlitedatabaseonthemobiledeⅵice……312 CreatingaTableifNoneExists 313 RunningyourApplicationonaMobiledevice 314 Seealso.… 316 Mobiletutorial:UsingFireDACandsQLite(iOSαndandroid)…………317 UsingFireDACtoConnecttothedatabase…… 318 CreatingthedatabaseusingfireDACframework ···:····.····· 鲁鲁非·着·。 318 DesignandSetUptheUserInterface 320 UsingtheLiveBindingsWizard 322 AddtheLiveBindingcomponents…….32 Connectingtothedata ·.······.······.······ ······· ········:······4··· 324 Displayingshoplteminthelist∨iew… 326 CreatingtheEventHandlertomakethedeleteButtonVisibleWhentheUser Selectsanitemfromthelist 326 CreatingtheEventHandlerfortheAddbuttontoaddanEntrytothelist.327 CreatingtheEventHandlerforthedeleteButtontoremoveanEntryfromthe List.……………………………………………31 PreparingYourApplicationforRunTime.…..….………………33 SettingUpYourdatabaseDeploymentformobile 333 AddandConfigureYourDatabaseFileinthedeploymentmanager..333 ModifyingYourCodetoConnecttoaLocalDatabaseFileonmobile...334 SpecifyingthelocationofthesQlitedatabaseonthemobiledevice..334 CreatingaTableifNoneEⅪists……...……………335 RunningYourApplicationonaSimulatororonamobiledevice.………36 Seealso 337 Mobiletutorial:ConnectingtoanEnterprisedatabasefromamobileclientios andandroid)....................338 CreatingtheMiddleTier,adatasnapserver 。。·非非。。。非。。非。。非布。非非。。布。。d。。非 339 EmbarcaderoTechnologies CreateaDataSnapServerVCLApplication.…… 339 DefineadataSetonthedataSnapServer 341 ExposethedataSetfromthedataSnapserver..............343 Runthedatasnapserver..,,…,…,……………344 CreatingaMobileApplicationthatConnectstothedataSnapServer..345 DeploytheMidasLibrarytoioSSimulator 348 RunYourApplicationonthemobileplatform.......348 Seealso 。非 …349 MobileTutorial:UsingFireDACinMobileapplications(iosandAndroid)...350 UsingFireDACtoConnecttothedatabase…… 350 DesignandsetUptheUserInterface.....................351 UsingtheLiveBindingsWizard 352 AddtheliveBindingcomponents 352 Addthelistviewcomponent 非。非 ·中···································· ∴354 UsingtheLiveBindingsWizard....….…..….……….…356 PreparingYourApplicationforRuntime 357 SettingUpYourdatabaseDeploymentformobile 357 AddandConfigureYourDatabaseFileintheDeploymentmanager..357 Modifyingyourcodetoconnecttoalocaldatabasefileonmobile...358 SpecifyingtheLocationoftheSQLitedatabaseonthemobiledevice..358 RUnningyourapplicationonthesimulatororonthemobiledevice.....360 Seeals○.………………… 361 Mobiletutorials:TableofComponentsUsed .362 EmbarcaderoTechnologies