移动互联网应用实践

移动互联网应用开发实验报学校：北京联合大学信息学院班级：通信工程1103B姓名：刘琳2011080331382014-11-171.1介绍各个目录的功能1、src——存放项目源文件（java格式的文件）2、gen——系统自动生成的3、assets——不受安卓系统项目管理，可以存放各种格式4、bin——运行程序产生的文件5、res资源文件（1）drawable——存放图片，图片资源用小写字母命名a-z开头都可以，后缀指分辨率，hdpi高分辨率，ldpi低分辨率，mdpi中分辨率，xhdpi可扩展的。（2）layout布局文件，全小写明明，xml格式。（3）values常量，xml格式6、AndroidMainfest.xml配置文件1.2修改工程双击打开values下面的Strings.xml文件运行测试。鼠标放在项目上，右键RunasAndroidApplication结果如下2实验任务欢迎界面一一触屏一一跳转到一个主菜单，通过主菜单上的5个图标按钮跳到5个页面，分别完成新闻列表、注册、登录、帮助、关于的功能。2.1主菜单主菜单比较复杂，我们采用ImageButton，5个图片需要如下图（左）布置。拖5个ImageButton到屏幕，借助layout布局模式，运用“垂直的”和“水平的”两种模式嵌套使用，整理成这样，即嵌套关系如图（右）FileEd.itRefactorBaviga.teSckPircjectRif卜回.瞄□a日『跨rci-□□□2_Outline曰目Linca±-L-i]ro,u.t[■_imsgeButtonl一menilOl-=1imsgeButtoii2-rTitnul-Lineai_Layout据，imt一LimageButton4-menujEi：Lineai-Layout|c..|imaseButtonS-menu4LinearLayoutLinearLayout右键，选择设置为居中此时显示（如下图）贝”认了卜证hh*■邃Vrjm||liMJi国■iiJiina*|-iThU-iAn芭C*«nai:lIrL-pn”pjxiuk.kJAU1*44nriLied■sik快CWmB寸#■口.「！Lin^HiLi^iflL■*iJj!EwOFrq»aLl:HFBF'.A♦Lt/nl.Iiillk*■!ahLVi■h-1tvbril补充：也可以通过属性设置来设置LinearLayout的宽度2.2主界面选择一张欢迎界面的图片，放在主界面上。步骤如下：首先把所需要的素材复制粘贴进res下的--中，打开主界面main.xmlo拖一个imageview到窗口中，在弹出的对话框中，选择适合的图片，这是欢迎界面，运行效果如下2.3帮助界面帮助页面包括帮助文字和背景图片。新建一个页面的方法跟MainMenuActivity相同，包括3个步骤在src中新建一个Activity属性的java文件，可以命名为HelpActivity.java在layout下面新建一个help.xml文件在配置文件中注册HelpActivity添加文字、选择背景图片、设置字体后，效果如下。卅*IX卅*IX会左弟停公电信Hance界面布置好了，下面把这个界面Activity中运用onCreat方法显示出来。页面跳转与前面触屏跳转不同，从主菜单跳转到帮助界面，是通过触碰Button。同样的在MainMenuActivity界面设计跳转功能。添加下图标出的代码。l.-miliixrnnr、：ruunA-iLa-atrifctiMJ卫口山Rhirdl4LU<^iTiI?iji°.0质USM日云3站AItftJiUu.•、falfi'iMliriiijl.-miliixrnnr、：ruunA-iLa-atrifctiMJ卫口山Rhirdl4LU<^iTiI?iji°.0质USM日云3站AItftJiUu.•、falfi'iMliriiijif?>Hnii^hhs'.iwfiniXlaaldJiLnvQrflb^kLiMjl'*kwiIWrC*出1*"早2丁JlAM+■La^MLi!iLtj*v<•-„Lyiwm卜i.*u“"|卜A■顽HMeLeWjw莅rsi土L。HtSHu-blBucefi^iMh'u'vBTltiiA.Li.[做计日m衅tMiiiDMtt-ffEr*!；ZK-a^EPLttQDilind*EL-iiDTldi*R.Ld.■amiglimte-rX^:31iiE.r，口|匚firwf?^i1f匚dIP-^1.jrn^u^nudr*a^gVuc-c-DR"iEMget^cfirKf^ierl?LdiRid.jl«-&>EIU[.£>Z!n.HlCfClStllllLiirMii!1h«*i1JIliaJiiJ-c*vnirlanu9ack-CUl-vnTj|IntivInHM-nrpjluLcnl■虹哽Lua(haluIei-iJuLlviLr*UiIb.BeJMjuHIvIL.AEUR.ACE.1V5Lf(liiE.*hei|jK-PiaBuEt«hi旧寻OfCisevilbci|.iUlj£l-£>Tdlil¥1I]EWdHCInuTnEiftdLT4jJjIauiIVL'ET*ihn".r><ll4PP>•ftE*±ti£Ll¥5Ef{JiillLAhLI!VtalHtt&ri-MCOflClUKlLltHWFIIVl(mClKJGLLRUMF11I首先，新建一个NewsActivity界面，包括news.xml和Activity注册，方法同上：先编辑news.xml,添加一个ListView控件，将控件改名为newsList，修改控件名称的方法，如图所示，在该控件上右键，选择EditID在NewsActivity界面显示这个news布局，用onCreate方法。.强butEu■:F■Mtatrnd4..强butEu■:F■Mtatrnd4.]X■>.ljtoj-iii-rM-i4.1i.出4In+Ql曰财好Ji+j*甬jriP.由功Ikaak^iviiL^imilJLthii£iiIii>cLi¥3Ur.jitn卜Q)*山EIbJ的T.占^eiJwiF.■■!"iiihlimiiiF—iiaaA-wiiiUfe-Mp-dQL*nli匚WIL"7j侦ElMibxh'L:.4£：MitMq»1bedMRILllfaal£1F心a■MM,*Awluir；hirkMJ13it■,此■iE■vd.Ma'Tl]由—心KBilf3b1rst£gM>vrarIM*e下面需要做界面跳转，从MainMenuActivity通过点击咨询的Button跳转到NewsActivity界面，方法跟Help相同。具体如下。3cti'2<thl.A^i£V.L-EMIr.lavwxtijjtuursru*)jiwIpBruL^anFI'Tu^rZx'ZLQn^fIXidViruB^nMnuxE-flMpe&scc-anFflTr^iewBvTfli码id..2Mi»Dw>:r的■炸；i匚口，EiriayiHHyt3|R!_]a.iiw^MU4c-o£ZijLDtfButtnaR(CHBgvlutCDr4EirdTawtlgiiT-d[R.3d„tnfiJ]t»4.ptu^^an,aqk4,lPt!&IK(n»fi林JUKI玷MHFJiIr^iicrpd«vi<EmedLjxcBrat-HiTT3rri.in£41，:Lre^nr-.rec^ImwIM】「A叫.皿讨止左ihi』HcIpIigclvIrv.vIwe);hh0ec-4i]ClJCkLidce£!ic0nC3JcUidt±fr±£；11indkfeLbrvdJwnffeLekcVdw¥?4ErKVDEd3Kanft"nn>]ekibc(I;Lrati-hE.i«c£(Mb3rJbBLLkDtivatj„iha■_r^frrakdclvief05waer(inre-mcjjfcuE■诫'4g.百tJ■点HELpIrcOtiIirtfLriMiW-r11IBq»u.ek-09«MKiicien'itvWHEnevni:liKBrat^nwlrvt・・Et“LM-rn^s*1■■■■!id；)土l^at-FrihiRrIMlwiii-vIc-v-ci-i««j»■皂曲EE好E5V3CT(lHttliEjJINLrabimc*.■¥<:JichLLBM-rvtcirmiirak-lLcranM：iLeletVl»frtf]1匚时ilKIFX"HIWim^Ch«jR«fHr3r-KtwJkQt;ivivirrIhiVrlr^fhriiii-vj.ty^CiLif^ij«cu「如ivicrUnctbt|j1”用适配器填充ListView写在NewsActivity里面，首先用一个一维数组存放新闻内容

ttFeiHprrEl-1Y--nAiLmb■•-E・L虹ttFeiHprrEl-1Y--nAiLmb■•-E・L虹U<3■'鼻Intrndbitrr*tiQjHi^pk^LTLir.ip-JmrLi!版jw*篷』kifiA^KlvLLJJ«Va,r里th.IBTwJi)!iIVIUm间「ma—"Ml>\■坦m七RK15»ii■avaLLatVivv"(LlHtYaJiT)find¥3-n-l!|£d[H_ad.x-iwiLi■£|x$3fri>pr«HBllithinga|i■""「■hp’JTPI.fJi|//ire-VV^^AI^HrMh|IE«T-liauMF«7Jlld«ptkEIHtHVJIiEtLYhRIT-i^hiF.-tMTDld.P：J-PlIMQAMiliMZUlapUeBhini|LhliriJJ■■VJLLHE-VSHTa■CE.drdlpLBFl：l3ELnpt：E|日jlh.Llh&Vut.M^9n]mbCLiokUarKVBvrinn-Oalt«CliQlrliRtaM-r0iyidihdiis«hiii-in]c«ir^Link|jeaiV1«r<^i■hr,V^bkuivu,InR网■kAW*1E'I在onCreat的方法中加入适配器P8«r"E£&*lircl:BctedTDldDueicIJlbgnvsdliutunceStata0//T叩照机叫-曹|朔洋7虾腌/就fCMfi■购p#ir.嘻sUu,■匚04va^lInst«ne«31n|**日4<《灼■巾1亏1普n<w9Li«evi・■■〕£inervLtwEvid|iuid.砒】j4Bsup<dhun.Tnia(Hunc3hicKiidM^ni^tvcoAB")]_^/liFEryA^F^^rq^R^t?r-iwwArirfivA4^p4«Fiy-Ky.!inngr*Ajdkftp>c«£■.匚■■)>Irna<^«PKJ■)IMH9Lan.Mld«^t4FMnauflLmrVi・■.m«tomicemcLiakLLitanaciilertOnIttuckiokLiit«n*rJ]C4『uIfILLc1TD14SEiCtbedCLIeRIMaptecVieiK?>pa.ccn&^VIfi-wvIsw,imt^oaidonrid]i(m■二・■■新闻加上一个图标做得绚丽一些，，新闻标题下面加一个编号，可以给每条新闻再加一个嵌入的布局。这时候，刚才做的适配器就不适用了，需要自定义一个适配器在NewsActivity中增加新闻编号对应的数组String[]newsStringt=(恤1广"M侦■』"2614"j把刚才创立的适配器注释掉(如图绿色五角星位置)，加入自适应的适配器，此行会报错，是因为这个自适应的适配器程序不认识，需要自己定义。这里需要定义这个ImageAdapter类，它继承自BaseAdapter，需要重写的方法是：其中BaseAdapter需要重写的方法：getCount(),getItem(intposition),

getItemId(intposition),getView(intposition,ViewconvertView,ViewGroupparent)系统要绘制ListView了，他首先获得要绘制的这个列表的长度，然后开始绘制第一行，怎么绘制呢？调用getView()函数。在这个函数里面首先获得一个View，然后再实例并设置各个组件，position:该视图在适配器数据中的位置，convertView：旧视图，parent:此视图最终会被附加到的父级视图显示之。好了，绘制完这一行了。那再绘制下一行，直到绘完为止。imcHt.pur-Evein,>ohic-iobiimcHt.pur-Evein,>ohic-iobii

J£L1Y]LTClBLtriLI!>mlpUEIVILJJH.MLaL*iI#j«u4i此/kinJ^h'Fi.Lr.jwhi/ly.听jj豳.j'勺j-wv*i■naitlv址;Sii13x上ini；S%*il#hiMsrh^t4JU-ih-Mfallh-l-dHpahllnintqatCDurrt1J1/jTHIMU*TRVi*"p"riRtlI“ft触A*ilCB--V«MZfelkElHE14dDE**VL«M雷§曲LaMt.FrtfafHCahEAat]„1A114EA(EL..J±dEl-IS,nTuclVmtnt-fUrcVifHlvu■,.£LSidVd«rlrrtEl[H.ad.c^rt^nr-J|;TvHtVuiiiTiKfVliivivu».tiiwf^]«rBrEd[P.:保存，运行一下试试，效果如下盆一•3：01poio临麻制1I斯闻即wJ20UE新闻标193pD13点击一条新闻标题，链接到新闻内容界面?

FAQ：ListView跳转具体的新闻内容，也要从数组中调用。首先创建一个newsinfo.xml，添加一个textview控件。在src中新建一个NewsInfoActivity.java的Activity，别忘了注册，将newsinfo.xml显示出来。显示的是新闻内容，添加一个数组。通过数组的position对应这个数组里的内容跟ItemView里面的新闻标题B■用虹nd4.3B■用虹nd4.3a，点&■球BJ*>rEr』EjqpLirRivrili^jm土印Jh甫IJJJSi.In卸ir^hrj'|审』际」Mt.土Rnkrnr—HJsr,Bi-dumlift1iJp虹■i：thlikrqraaii〈aA-miJiIb-1^1iU•■i!KLr*1piH-ta-MiU-r^aa■|d]nJj：!]illM・dl\.i地W1uqaxl.a.>piAoLk.tfLt./Jnm>lLcrl-DMKmalnf^hmvLGT<tftltfdltHEIL&dllSEX<I巾瞄『做他.*fralouLcflTEiidatTZtcwcci'DuikIIczaTEdliivtvcfcBtatclI甘ffIMd*ra^xl^difiimr.Mdrefir-f-lMved[npcwrce^wti.■MlD：aBl：!feSiE.¥l«U1X.k*^0Ue..h*l9-JA-fi3^T«Et'fawtHKhVami"i；Tai£kUm,ifLnEn'iwI^CdfH.Id.nnvJXdTcTKXi!j:Xn^HI|i9iiiLixisYLlluii-liTLcal■yE^itTLX^li;aiCHJWrtTj^.■袖Trm握UI)*2.5注册界面同样的信建一个页面，增加RegActivity界面，新建一个reg.xml⑴拖拽textview控件，通过右键“EditText”修改text内容拖拽文本框，接受用户输入，如下图所示，用户名和密码分别用不同的文本框单选按钮修改成两项，修改文字；多选按钮选择(5)下拉选择：拖入以后，会看到scrollView下面有一个新的LinearLayout，把所有的控件拖入这个控件的LinearLayout之下，把这个LinearLayout改成“vertical”importandroid.app.Activity;importandroid.os.Bundle；importandroid.widg&t.Euttori；importandroid-widget.CheckBcxjimportandroid.widget.EditText;importandroidrriidg&tARadioButtoft；importandroid.widget.Spinner^publicclassRegActivityextendsActivityf〃盲*privateSpinnerprivateEditTextuw自rfJarre,password;privateRadiaButtoninaLERacliaButtanjfemaleRadioGutton;privateCheckBox：ywCheckBox^sxCheckDox^yyCheckBox;privateButtonregButtanj博Fkcfapfhjl-wirX

臼]■bw如•BlAsiFK-ji.3■■.kiiirki』■苗土出“也博Fkcfapfhjl-wirX

臼]■bw如•BlAsiFK-ji.3■■.kiiirki』■苗土出“也1:2|,馈j-M-MHiuIJWmAHwV』＜田：e由LAaMFiU.J尊■咨胃a卜叩皓野」心蚌心I.'mKFWiml际"同DUD世J£5跳”1*B8nLurTli完成了页面布局，就开始编写RegActivity，别忘了注册首先，刚才添加到控件都声明一下声明每个控件之后，在onCreate()方法中同样通过findViewById得到刚才的控件

FAQ：如何将用户在注册界面输入的数据取得，并保存。当“注册”按钮被触动，采集文本框和选择框里的内容，保存在onCreate()方法中写按钮被触动的事件侦听OnClickListener，保存用户注册信息，然后跳转到主菜单界面去»'，■:-EiDLfT^ELTiDIJr,»'，■:-EiDLfT^ELTiDIJr,tflJME《C>U^LE」U■^d.ui席rwk-i<BEje^-h+t政I',i-but£u=fVkirJ^i.-FB!.7LH■fair*H'U4Ll."F-spaxnc?a.^fei»xci_j94Eing-#"mJH.l^'h€eR«i9D>(lfa]『UH・LLJ>jw.卜&牛折H_Xinri*k,n"i皿M3+nc-iri-rwwTiTEemiujI心9VIIV.■■■■,MLhHthiiLHIVLtyJflueIrtlTit7[1.n|fnum1ii*ikT■*aii^Kidl-IrieufIfhhriiiMr■■<补充:这里采用轻量级数据存储。SharedPreferences是Android平台上一个轻量级的存储类，主要是保存一些常用的配置比如窗口状态，一般在Activity中重载窗口状态onSavelnstanceState保存一般使用SharedPreferences完成，它提供了Android平台常规的Long长整形、Int整形、String字符串型的保存。SharedPreferences对象本身只能获取数据而不支持存储和修改，存储修改是通过Editor对象实现。最后，添加从MainMenuActivity跳转到RegActivity的方法功能完成，下图为运行结果。■■bbHiE.I.T区2.6登录界面最后完成程序如下T+jnJT+jnJJunpciEl«r>d=cid.npp.jLctLvlUyjLoqAcrlvdizvzUewJaArr-IvlTTIUmMA*EaLLT*lLEh£^pfe#fl：prdvabvEueLdhh-rtutin■:HSwiri:皿I4dlte■电.fjIntnAusc-q^zncra^cdrKuEdht山■vvvr.aniZrM^Bi；9HVB-d]-hiT.uir«5t«ii3.:w»(EditTm:,i1ibifl'itvayCd|R.i4..2-;>7J：muitF-u«■|fJbd^^iavByld|3?_adi.2-3-pinpuj'iftVETGb■I脾K做WJEr：靠*2/丫1日1宙“曲酒>dlaWLlu<iiset£*x^JhukLjjrtcEjEE.inrrClE^LLukLj^LC