7.Android用户界面UI元素之Widget(4)

SofteemConsultancyServiceSofteemConsultancyServiceAndroid用户界面（UI）组件3G手机Android系统开发系列课件4SofteemConsultancyService2020/1/28WidgetZoomControls放大/缩小按钮控件Include整合控件VideoView视频播放控件WebView浏览器控件ListView列表控件ExpandableList支持展开/收缩功能的列表控件SofteemConsultancyService2020/1/28ZoomControls放大/缩小按钮组件介绍在手机实际使用当中，由于屏幕大小的原因，导致我们在看一些文字或是图片的时候，不太清晰，这时我们可以使用放大或缩小组件。SofteemConsultancyService2020/1/28ZoomControls放大/缩小按钮组件介绍LinearLayoutxmlns:android=:orientation=verticalandroid:layout_width=fill_parentandroid:layout_height=fill_parentImageViewandroid:id=@+id/iv“android:layout_width=wrap_contentandroid:layout_height=wrap_content“android:src=@drawable/icon/ImageViewZoomControlsandroid:id=@+id/zc“android:layout_width=wrap_contentandroid:layout_height=wrap_content/ZoomControls/LinearLayoutSofteemConsultancyService2020/1/28ZoomControls放大/缩小按钮组件介绍•publicclass_ZoomControlsextendsActivity{•ImageViewiv;•ZoomControlszc;•@Override•protectedvoidonCreate(BundlesavedInstanceState){•//TODOAuto-generatedmethodstub•super.onCreate(savedInstanceState);•this.setContentView(R.layout.main);•setTitle(ZoomControls);•Bitmaporgimg=BitmapFactory.decodeResource(this.getResources(),R.drawable.icon);•intwidth=orgimg.getWidth();•intheight=orgimg.getHeight();•intnewWidth=200;•intnewHeight=200;•floatscaleWidth=newWidth/width;•floatscaleHeight=newHeight/height;•Matrixmatrix=newMatrix();•matrix.postScale(scaleWidth,scaleHeight);SofteemConsultancyService2020/1/28ZoomControls放大/缩小按钮组件介绍•Bitmapresizeimg=Bitmap.createBitmap(orgimg,0,0,width,height,matrix,true);•iv=(ImageView)this.findViewById(R.id.iv);•zc=(ZoomControls)this.findViewById(R.id.zc);•//setOnZoomInClickListener()-响应单击放大按钮的事件•zoomControls.setOnZoomInClickListener(newOnClickListener(){•publicvoidonClick(Viewv){•iv.setImageBitmap(resizeimg);•iv.setScaleType(ScaleType.CENTER);•}•});••//setOnZoomOutClickListener()-响应单击缩小按钮的事件•zoomControls.setOnZoomOutClickListener(newOnClickListener(){•publicvoidonClick(Viewv){•}•});•}•}SofteemConsultancyService2020/1/28Include整合组件当我们需要将多个页面的UI界面组合成一个完整，功能强大的页面时，我们就需要使用到整合组件Include。SofteemConsultancyService2020/1/28Include整合组件main.xml主页面布局LinearLayoutxmlns:android=:orientation=verticalandroid:layout_width=fill_parentandroid:layout_height=fill_parentincludeandroid:id=@+id/cell1layout=@layout/include1/includeincludeandroid:id=@+id/cell2android:layout_width=fill_parentlayout=@layout/include2/include/LinearLayoutSofteemConsultancyService2020/1/28Include整合组件Include_1.xml布局页面一LinearLayoutxmlns:android=:layout_width=wrap_contentandroid:layout_height=wrap_contentTextViewandroid:layout_width=fill_parentandroid:layout_height=wrap_contentandroid:text=Thisisfirstinclude/TextView/LinearLayoutSofteemConsultancyService2020/1/28Include整合组件Include_2.xml布局页面二LinearLayoutxmlns:android=:layout_width=wrap_contentandroid:layout_height=wrap_contentTextViewandroid:layout_width=fill_parentandroid:layout_height=wrap_contentandroid:text=Thisissecondinclude/TextViewButtonandroid:layout_width=wrap_contentandroid:layout_height=wrap_contentandroid:text=View2/Button/LinearLayoutSofteemConsultancyService2020/1/28VideoView视频播放控件介绍当今社会的手机不再是当年那种类似砖头大的大哥大通信设备。现在的手机功能强大，不仅能够打电话，发短信，还能在手机上听歌，看电影，看电视，这些功能的实现，必须要依赖于播放器。SofteemConsultancyService2020/1/28VideoView视频播放控件介绍LinearLayoutxmlns:android=:orientation=verticalandroid:layout_width=fill_parentandroid:layout_height=fill_parentVideoViewandroid:id=@+id/vvandroid:layout_width=wrap_contentandroid:layout_height=wrap_content/VideoView/LinearLayoutSofteemConsultancyService2020/1/28VideoView视频播放控件介绍•publicclassVideoViewActivityextendsActivity{•VideoViewvv;•@Override•protectedvoidonCreate(BundlesavedInstanceState){•//TODOAuto-generatedmethodstub•super.onCreate(savedInstanceState);•setContentView(R.layout.videoview);•vv=(VideoView)findViewById(R.id.vv);•//指定播放视频的地址•//vv.setVideoPath(path);绝对路径•vv.setVideoURI(uri);uri地址•//设置播放器的控制条•vv.setMediaController(newMediaController(this));•//开始播放视频•vv.start();•}•}SofteemConsultancyService2020/1/28WebView浏览器控件介绍现今的手机功能十分强大，对于现在这个网络发达的时代，仅仅只能用PC机来上网，已经不能满足人们的要求，而是让人随时随地都能上网，那么就需要一个移动设备上也能支持上网功能。而我们日常使用得最多的、方便的移动设备就是手机。SofteemConsultancyService2020/1/28WebView浏览器控件介绍LinearLayoutxmlns:android=:orientation=verticalandroid:layout_width=fill_parentandroid:layout_height=fill_parentWebViewandroid:id=@+id/webviewandroid:layout_width=fill_parentandroid:layout_height=wrap_content/WebView/LinearLayoutSofteemConsultancyService2020/1/28WebView浏览器控件介绍publicclassWebViewActivityextendsActivity{WebViewwv;HandlermHandler=newHandler();@OverrideprotectedvoidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setContentView(R.layout.webview);wv=(WebView)findViewById(R.id.webview);WebSettingsw