首页 文章 精选 留言 我的

系出名门Android(7) - 控件(View)之ZoomControls, Include, VideoView, WebView, R...

2017-11-07 626
[索引页]
[源码下载]


系出名门Android(7) - 控件(View)之ZoomControls, Include, VideoView, WebView, RatingBar, Tab, Spinner, Chronometer, ScrollView


作者： webabcd


介绍
在 Android 中使用各种控件(View)
  • ZoomControls - 放大/缩小按钮控件
  • Include - 整合控件
  • VideoView - 视频播放控件
  • WebView - 浏览器控件
  • RatingBar - 评分控件
  • Tab - 选项卡控件
  • Spinner - 下拉框控件
  • Chronometer - 计时器控件
  • ScrollView - 滚动条控件


1、ZoomControls 的 Demo
zoomcontrols.xml 
<? xml   version ="1.0"   encoding ="utf-8" ?>  
< LinearLayout   xmlns:android ="http://schemas.android.com/apk/res/android"  
         android:orientation ="vertical"   android:layout_width ="fill_parent"  
         android:layout_height ="fill_parent" >  

        <!--  
                放大/缩小按钮控件 
        -->  
         < ZoomControls   android:id ="@+id/zoomControls"  
                 android:layout_width ="wrap_content"   android:layout_height ="wrap_content" > </ ZoomControls >  

</ LinearLayout >
 
_ZoomControls.java
package  com.webabcd.view;  

import  android.app.Activity;  
import  android.os.Bundle;  
import  android.view.View;  
import  android.view.View.OnClickListener;  
import  android.widget.Toast;  
import  android.widget.ZoomControls;  

public   class  _ZoomControls   extends  Activity {  

        @Override  
         protected   void  onCreate(Bundle savedInstanceState) {  
                 // TODO Auto-generated method stub 
                 super.onCreate(savedInstanceState);  
                 this.setContentView(R.layout.zoomcontrols);  

                setTitle( "ZoomControls");  

                ZoomControls zoomControls = (ZoomControls)   this.findViewById(R.id.zoomControls);  
                 // setOnZoomInClickListener() - 响应单击放大按钮的事件 
                zoomControls.setOnZoomInClickListener( new  OnClickListener() {  
                         public   void  onClick(View v) {  
                                Toast.makeText(_ZoomControls. this,   "单击了放大按钮", Toast.LENGTH_SHORT).show();  
                        }  
                });  
                  
                 // setOnZoomOutClickListener() - 响应单击缩小按钮的事件 
                zoomControls.setOnZoomOutClickListener( new  OnClickListener() {  
                         public   void  onClick(View v) {  
                                Toast.makeText(_ZoomControls. this,   "单击了缩小按钮", Toast.LENGTH_SHORT).show();          
                        }  
                });  

        }  
}
 
 
2、Include 的 Demo
include.xml
<? xml   version ="1.0"   encoding ="utf-8" ?>  
< LinearLayout   xmlns:android ="http://schemas.android.com/apk/res/android"  
         android:orientation ="vertical"   android:layout_width ="fill_parent"  
         android:layout_height ="fill_parent" >  

        <!--  
                include - 整合控件，将指定的 layout 整合进来 
                        layout - 指定需要整合 layout 
        -->  
         < include   android:id ="@+id/cell1"   layout ="@layout/include_1"   />  
         < include   android:id ="@+id/cell2"   android:layout_width ="fill_parent"   layout ="@layout/include_2"   />  

</ LinearLayout >
 
include_1.xml
<? xml   version ="1.0"   encoding ="utf-8" ?>  
< TextView   xmlns:android ="http://schemas.android.com/apk/res/android"  
         android:text ="TextView01"   android:layout_width ="wrap_content"  
         android:layout_height ="wrap_content" >  
</ TextView >
 
include_2.xml
<? xml   version ="1.0"   encoding ="utf-8" ?>  
< TextView   xmlns:android ="http://schemas.android.com/apk/res/android"  
         android:text ="TextView02"   android:layout_width ="wrap_content"  
         android:layout_height ="wrap_content" >  
</ TextView >
 
_Include.java
package  com.webabcd.view;  

import  android.app.Activity;  
import  android.os.Bundle;  

public   class  _Include   extends  Activity {  

        @Override  
         protected   void  onCreate(Bundle savedInstanceState) {  
                 // TODO Auto-generated method stub 
                 super.onCreate(savedInstanceState);  
                 this.setContentView(R.layout.include);  

                setTitle( "Include");  
        }  
}
 
 
3、VideoView 的 Demo
videoview.xml
<? xml   version ="1.0"   encoding ="utf-8" ?>  
< LinearLayout   xmlns:android ="http://schemas.android.com/apk/res/android"  
         android:orientation ="vertical"   android:layout_width ="fill_parent"  
         android:layout_height ="fill_parent" >  

        <!--  
                VideoView - 视频播放控件 
        -->  
         < VideoView   android:id ="@+id/videoView"   android:layout_width ="wrap_content"  
                 android:layout_height ="wrap_content" >  
         </ VideoView >  
                  
</ LinearLayout >
 
_VideoView.java
package  com.webabcd.view;  

import  android.app.Activity;  
import  android.net.Uri;  
import  android.os.Bundle;  
import  android.widget.MediaController;  
import  android.widget.VideoView;  

public   class  _VideoView   extends  Activity {  

        @Override  
         protected   void  onCreate(Bundle savedInstanceState) {  
                 // TODO Auto-generated method stub 
                 super.onCreate(savedInstanceState);  
                 this.setContentView(R.layout.videoview);  

                setTitle( "VideoView");  
                  
                VideoView videoView = (VideoView) findViewById(R.id.videoView);  
                  
                 // 指定需要播放的视频的地址 
                videoView.setVideoURI(Uri.parse( "android.resource://com.webabcd.view/" + R.raw.demo)); 
                // videoView.setVideoPath(); 
                    
                // 设置播放器的控制条 
                videoView.setMediaController(new MediaController(this)); 
                // 开始播放视频 
                videoView.start(); 
        } 
}
 
 
4、WebView 的 Demo
webview.xml
<? xml   version ="1.0"   encoding ="utf-8" ?>  
< LinearLayout   xmlns:android ="http://schemas.android.com/apk/res/android"  
         android:orientation ="vertical"   android:layout_width ="fill_parent"  
         android:layout_height ="fill_parent" >  

        <!--  
                WebView - 浏览器控件（WebKit 内核） 
        -->  
         < WebView   android:layout_width ="fill_parent"  
                 android:layout_height ="wrap_content"   android:id ="@+id/webView"   />  
                  
</ LinearLayout >
 
_WebView.java
package  com.webabcd.view;  

import  android.app.Activity;  
import  android.os.Bundle;  
import  android.webkit.WebSettings;  
import  android.webkit.WebView;  

public   class  _WebView   extends  Activity {  

        @Override  
         protected   void  onCreate(Bundle savedInstanceState) {  
                 // TODO Auto-generated method stub 
                 super.onCreate(savedInstanceState);  
                 this.setContentView(R.layout.webview);  

                setTitle( "WebView");  
                  
                WebView webView = (WebView) findViewById(R.id.webView);  

                 // 配置浏览器，使其可支持 JavaScript 
                WebSettings webSettings = webView.getSettings();  
                webSettings.setJavaScriptEnabled( true);  
                  
                 // 清除浏览器缓存 
                webView.clearCache( true);  
                 // 指定浏览器需要解析的 url 地址 
                webView.loadUrl( "http://webabcd.cnblogs.com/"); 
                // 指定浏览器需要解析的 html 数据 
                // webView.loadData("<a href='http://webabcd.cnblogs.com/'>webabcd</a>", "text/html", "utf-8"); 
        } 
}
 
 
5、RatingBar 的 Demo
ratingbar.xml
<? xml   version ="1.0"   encoding ="utf-8" ?>  
< LinearLayout   xmlns:android ="http://schemas.android.com/apk/res/android"  
         android:orientation ="vertical"   android:layout_width ="fill_parent"  
         android:layout_height ="fill_parent" >  

        <!--  
                RatingBar - 评分控件 
                        numStars - 评分控件的星星的数量 
                        rating - 当前评分的值         
        -->  
         < RatingBar   android:id ="@+id/ratingBar"   android:numStars ="5"  
                 android:rating ="1.5"   android:layout_width ="wrap_content"  
                 android:layout_height ="wrap_content" >  
         </ RatingBar >  

         < TextView   android:id ="@+id/textView"   android:layout_width ="wrap_content"  
                 android:layout_height ="wrap_content"   />  

</ LinearLayout >
 
_RatingBar.java
package  com.webabcd.view;  

import  android.app.Activity;  
import  android.os.Bundle;  
import  android.widget.RatingBar;  
import  android.widget.TextView;  

public   class  _RatingBar   extends  Activity   implements  RatingBar.OnRatingBarChangeListener {  

         private  RatingBar mRatingBar;  
         private  TextView mTextView;  

        @Override  
         protected   void  onCreate(Bundle savedInstanceState) {  
                 // TODO Auto-generated method stub 
                 super.onCreate(savedInstanceState);  
                 this.setContentView(R.layout.ratingbar);  

                setTitle( "RatingBar");  

                mTextView = (TextView) findViewById(R.id.textView);  
                mRatingBar = (RatingBar) findViewById(R.id.ratingBar);  

                 // setOnRatingBarChangeListener() - 响应评分值发生改变的事件 
                mRatingBar.setOnRatingBarChangeListener( this);  
        }  

        @Override  
         public   void  onRatingChanged(RatingBar ratingBar,   float  rating,  
                         boolean  fromUser) {  
                mTextView.setText(String.valueOf(rating));  
        }  
}
 
 
6、Tab 的 Demo
tab.xml
<? xml   version ="1.0"   encoding ="utf-8" ?>  
< FrameLayout   xmlns:android ="http://schemas.android.com/apk/res/android"  
         android:layout_width ="fill_parent"   android:layout_height ="fill_parent" >  

        <!--  Tab 1 的内容　-->  
         < TextView   android:id ="@+id/view1"   android:layout_width ="fill_parent"  
                 android:layout_height ="fill_parent"   android:text ="tab1 content"   />  
                  
        <!--  Tab 2 的内容 -->  
         < TextView   android:id ="@+id/view2"   android:layout_width ="fill_parent"  
                 android:layout_height ="fill_parent"   android:text ="tab2 content"   />  

</ FrameLayout >
 
_Tab.java
package  com.webabcd.view;  

import  android.app.TabActivity;  
import  android.content.Intent;  
import  android.os.Bundle;  
import  android.view.LayoutInflater;  
import  android.widget.TabHost;  

// 实现 Tab 功能的话要继承 TabActivity 
public   class  _Tab   extends  TabActivity {  

        @Override  
         protected   void  onCreate(Bundle savedInstanceState) {  
                 // TODO Auto-generated method stub 
                 super.onCreate(savedInstanceState);  

                TabHost tabHost = getTabHost();  
                LayoutInflater.from( this).inflate(R.layout.tab, tabHost.getTabContentView(),   true);  

                 // Tab 1 的内容 
                tabHost.addTab(tabHost.newTabSpec( "tab1")  
                                .setIndicator( "tab1")  
                                .setContent(R.id.view1));  
                  
                 // Tab 2 的内容（设置了 Tab 图片） 
                tabHost.addTab(tabHost.newTabSpec( "tab2")  
                                .setIndicator( "tab2", getResources().getDrawable(R.drawable.icon01))  
                                .setContent(R.id.view2));  
                  
                 // Tab 3 的内容（设置 Tab 的内容为指定的 Activity） 
                tabHost.addTab(tabHost.newTabSpec( "tab3")  
                                .setIndicator( "tab3")  
                                .setContent( new  Intent( this, _TextView. class)));  

        }  
}
 
 
7、Spinner 的 Demo
spinner.xml
<? xml   version ="1.0"   encoding ="utf-8" ?>  
< LinearLayout   xmlns:android ="http://schemas.android.com/apk/res/android"  
         android:orientation ="vertical"   android:layout_width ="fill_parent"  
         android:layout_height ="fill_parent" >  

         < TextView   android:layout_width ="fill_parent"  
                 android:layout_height ="wrap_content"   android:id ="@+id/textView"   />  

        <!--  
                Spinner - 下拉框控件 
        -->                  
         < Spinner   android:id ="@+id/spinner"   android:layout_width ="fill_parent"  
                 android:layout_height ="wrap_content"   />  

</ LinearLayout >
 
_Spinner.java
package  com.webabcd.view;  

import  android.app.Activity;  
import  android.os.Bundle;  
import  android.view.View;  
import  android.widget.AdapterView;  
import  android.widget.ArrayAdapter;  
import  android.widget.Spinner;  
import  android.widget.TextView;  

public   class  _Spinner   extends  Activity {  

        @Override  
         protected   void  onCreate(Bundle savedInstanceState) {  
                 // TODO Auto-generated method stub 
                 super.onCreate(savedInstanceState);  
                 this.setContentView(R.layout.spinner);  

                setTitle( "Spinner");  

                Spinner spinner = (Spinner) findViewById(R.id.spinner);  
                  
                 // 设置下拉框控件的标题文本 
                spinner.setPrompt( "请选择");  
                 // 实例化适配器，指定显示格式及数据源 
                ArrayAdapter<CharSequence> adapter = ArrayAdapter.createFromResource(  
                                 this, R.array.colors, android.R.layout.simple_spinner_item);  
                adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);  
                spinner.setAdapter(adapter);  

                 // setOnItemSelectedListener() - 响应下拉框的选中值发生变化的事件 
                spinner.setOnItemSelectedListener( new  AdapterView.OnItemSelectedListener() {  
                        @Override  
                         public   void  onItemSelected(AdapterView<?> arg0, View arg1,  
                                         int  arg2,   long  arg3) {  
                                TextView textView = (TextView)_Spinner. this.findViewById(R.id.textView);  
                                textView.setText(((TextView)arg1).getText());  
                        }  

                        @Override  
                         public   void  onNothingSelected(AdapterView<?> arg0) {  
                                                                  
                        }  
                });  
        }  
}
 
 
8、Chronometer 的 Demo
chronometer.xml
<? xml   version ="1.0"   encoding ="utf-8" ?>  
< LinearLayout   xmlns:android ="http://schemas.android.com/apk/res/android"  
         android:orientation ="vertical"   android:layout_width ="fill_parent"  
         android:layout_height ="fill_parent" >  

        <!--  
                Chronometer - 计时器控件 
        -->  
         < Chronometer   android:id ="@+id/chronometer"  
                 android:layout_width ="wrap_content"   android:layout_height ="wrap_content"   />  

         < Button   android:id ="@+id/btnStart"   android:layout_width ="wrap_content"  
                 android:layout_height ="wrap_content"   android:text ="开始计时" >  
                 < requestFocus   />  
         </ Button >  

         < Button   android:id ="@+id/btnStop"   android:layout_width ="wrap_content"  
                 android:layout_height ="wrap_content"   android:text ="停止计时" >  
         </ Button >  

         < Button   android:id ="@+id/btnReset"   android:layout_width ="wrap_content"  
                 android:layout_height ="wrap_content"   android:text ="计时器复位" >  
         </ Button >  

</ LinearLayout >
 
_Chronometer.java
package  com.webabcd.view;  

import  android.app.Activity;  
import  android.os.Bundle;  
import  android.os.SystemClock;  
import  android.view.View;  
import  android.view.View.OnClickListener;  
import  android.widget.Button;  
import  android.widget.Chronometer;  

public   class  _Chronometer   extends  Activity {  

         private  Chronometer mChronometer;  

        @Override  
         protected   void  onCreate(Bundle savedInstanceState) {  
                 // TODO Auto-generated method stub 
                 super.onCreate(savedInstanceState);  
                 this.setContentView(R.layout.chronometer);  

                setTitle( "Chronometer");  

                Button button;  

                mChronometer = (Chronometer) findViewById(R.id.chronometer);  
                 // 设置计时器所显示的时间格式 
                mChronometer.setFormat( "计时：(%s)");  
                  
                button = (Button) findViewById(R.id.btnStart);  
                button.setOnClickListener(mStartListener);  

                button = (Button) findViewById(R.id.btnStop);  
                button.setOnClickListener(mStopListener);  

                button = (Button) findViewById(R.id.btnReset);  
                button.setOnClickListener(mResetListener);  
        }  

        View.OnClickListener mStartListener =   new  OnClickListener() {  
                 public   void  onClick(View v) {  
                         // 启动计时器 
                        mChronometer.start();  
                }  
        };  

        View.OnClickListener mStopListener =   new  OnClickListener() {  
                 public   void  onClick(View v) {  
                         // 暂停计时器 
                        mChronometer.stop();  
                }  
        };  

        View.OnClickListener mResetListener =   new  OnClickListener() {  
                 public   void  onClick(View v) {  
                         // 复位计时器，即停止计时器 
                        mChronometer.setBase(SystemClock.elapsedRealtime());  
                }  
        };  
}
 
 
9、ScrollView 的 Demo 
scrollview.xml
<? xml   version ="1.0"   encoding ="utf-8" ?>  
< LinearLayout   xmlns:android ="http://schemas.android.com/apk/res/android"  
         android:orientation ="vertical"   android:layout_width ="fill_parent"  
         android:layout_height ="fill_parent" >  

        <!--  
                ScrollView - 滚动条控件 
                        scrollbarStyle - 滚动条的样式 
        -->  
         < ScrollView   android:id ="@+id/scrollView"  
                 android:layout_width ="fill_parent"   android:layout_height ="200px"  
                 android:scrollbarStyle ="outsideOverlay"   android:background ="@android:drawable/edit_text" >  
                 < TextView   android:layout_width ="fill_parent"  
                         android:layout_height ="wrap_content"   android:id ="@+id/textView"   />  
         </ ScrollView >  

</ LinearLayout >
 
_ScrollView.java
package  com.webabcd.view;  

import  android.app.Activity;  
import  android.os.Bundle;  
import  android.widget.TextView;  

public   class  _ScrollView   extends  Activity {  

        @Override  
         protected   void  onCreate(Bundle savedInstanceState) {  
                 // TODO Auto-generated method stub 
                 super.onCreate(savedInstanceState);  
                 this.setContentView(R.layout.scrollview);  

                setTitle( "ScrollView");  

                TextView textView = (TextView) this.findViewById(R.id.textView);  
                textView.setText( "a\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na\na");  
        }  
}
 
 



     本文转自webabcd 51CTO博客，原文链接： http://blog.51cto.com/webabcd/342082 ，如需转载请自行联系原作者

上一篇 下一篇
优秀的个人博客,低调大师

微信关注我们

原文链接：https://yq.aliyun.com/articles/457958

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

iPad白苹果恢复（iOS 4.3.5）

之前帮老妈把iPad 1的iOS 4.3.5越了狱，结果今天老妈乱装东西，不小心把自己的iPad给搞白苹果了，需要恢复。看了下网上有些文章比较老，决定还是自己动手，丰衣足食一下。 大家可以先阅读一下苹果官方提供的教程： http://support.apple.com/kb/HT1414?viewlocale=zh_CN 如果自己的设备在iTunes里面还可以识别，则可以使用这个教程。 如果已经不能识别了，就需要依靠DFU模式了。 首先，恢复需要restore用的ipsw文件。这里用了iOS 5的，下载地址：http://osxdaily.com/2011/10/12/ios-5-download-available/ 我们选iOS 5 iPad的ipsw文件。如果你想恢复到之前的版本，只要找该版本对应的ipsw文件即可，自己搜索一下吧。 下载保存之。 然后是恢复工作： 将iTunes升级到最新版本 打开iTunes（如果它没有自动打开的话） 将iPad关机 将iPad与PC连接 按住iPad电源键2秒 按住电源键的同时，按住iPad的Home键10秒 松开电源键，继续按住Home键，...
2017-11-08
501
上一篇

Android开发者指南(1) —— Android Debug Bridge(adb)(下)

使用Monkey进行UI或应用程序测试 Monkey是运行于模拟器或手机上的一个程序，通过生成伪随机的大量的系统级的用户事件流来模拟操作，包括单击、触摸、手势等。从而为正在开发中的应用程序通过随机响应进行压力测试。 最简单使用monkey的方式是通过下面的命令行，它可以运行指定的应用程序并向其发送500个伪随机事件。 关于monkey更多的选项及详细信息，请参见UI/Application Exerciser Monkey。 其他Shell命令 下表列出了很多有效的adb shell命令，完整的列表可以通过启动模拟器并且使用adb–help命令获取。 帮助对于大部分命令是有效的。 Shell命令 描述 备注 dumpsys 在屏幕上显示系统数据 TheDalvik Debug Monitor Service(DDMS)工具提供了更易于使用的智能的调试环境。 dumpstate 将状态输出到文件 logcat [<option>]... [<filter-spec>]... 输出日志信息 dmesg 在屏幕上输出核心调试信息 start 启动或重新启动模拟器或...
2017-11-08
538
下一篇

相关文章

发表评论

资源下载

更多资源
优质分享App

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

时间: 2025-12-03 大小: 4.36MB 下载: 23次
腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

时间: 2025-12-17 大小: 1MB 下载: 2次
Nacos

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

时间: 2025-12-21 大小: 189MB 下载: 2次
Spring

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

时间: 2025-12-17 大小: 5MB 下载: 1次
手机查看

扫码在手机上查看文章

扫描二维码，手机阅读更方便

热门标签
Service Mesh DeepSeek Rocky SpringCloud Nacos3 HarmonyOS6 Kubernetes Jdk25 OpenAi Gemini3 Docker Redis SpringBoot4

欢迎您来访！

登录后，您将获得更多功能！
热门文章
联系我们

有任何问题或合作意向欢迎联系我们

Email: 99873273@qq.com

QQ: 99873273