Android开发之路九------UI组件4

最新推荐文章于 2011-12-27 19:40:08 发布
最新推荐文章于 2011-12-27 19:40:08 发布
阅读量1.5k 收藏
点赞数
分类专栏： Android开发 文章标签： android layout button action class application
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hj714886063/article/details/7096402
版权

                   

今天继续学习UI组件，主要是学习的是ProgressBar(进度条)、SeekBar、ImageView(处理图片显示)、和TabHost(切换组件)。

 

1、            ProgressBar组件

下面通过案例演示来说明：

 

首先建一个名为ProgressBar的Activity的类

案例实现过程：

public class ProgressbarDemo extendsActivity{

     ProgressBar progressbar = null;

     inti=0;

     intprogressbarMax = 0;

     Handler handler = new Handler();

    

    @Override

    publicvoid onCreate(BundlesavedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.progress);

        findViews();

    }

 

    private void findViews() {

        progressbar =(ProgressBar) this.findViewById(R.id.progressbar2);

        progressbar.setMax(1000);

        progressbarMax =progressbar.getMax();

       

        new Thread(newRunnable(){

             

            public void run(){

                while(i<progressbarMax){

                    i=doWork();

                   

                    handler.post(newRunnable(){

                        public void run(){

                            progressbar.setProgress(i);

                        }

                    });

                    try {

                        Thread.sleep(50);

                    } catch(InterruptedException e) {

                        // TODO Auto-generated catch block

                        e.printStackTrace();

                    }

                }      

            }          

      }).start();

   }

    public int doWork(){

        return ++i;

    }

}

 

布局文件progressbar.xml里的代码演示

 

<?xml version="1.0"encoding="utf-8"?>

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="vertical">

 

    <TextView

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:text="进度条演示" />

   

    <ProgressBar

         android:layout_width="wrap_content"

         android:layout_height="wrap_content"

         android:max="1000"

         android:progress="100"

         android:id="@+id/progressbar1"

        />

   

        <ProgressBar

         style="@android:style/Widget.ProgressBar.Horizontal"

         android:layout_marginTop="30dp"

         android:layout_width="fill_parent"

         android:layout_height="wrap_content"

         android:max="1000"

         android:progress="100"

         android:secondaryProgress="300"

         android:id="@+id/progressbar2"

        />

</LinearLayout>

 

 

清单文件：

  <activity

            android:label="@string/app_name"

            android:name=".ProgressbarDemo">

            <intent-filter >

                <action android:name="android.intent.action.MAIN"/>

 

              <category android:name="android.intent.category.LAUNCHER"/>

            </intent-filter>

        </activity>

效果如退：

 

 

2、            TabHost(切换组件)

内部类：

 1、interface TabHost.OnTabChangeListener

    接口定义了当选项卡更改时被调用的回调函数。

 

 2、 interfaceTabHost.TabContentFactory

     当某一选项卡被选中时生成选项卡的内容

      

3、             class TabHost.TabSpec

       单独的选项卡，每个选项卡都有一个选项卡指示符，内容和tag标签，以便于记录。

      

       方法：

         public voidaddTab(TabHost.TabSpec tabSpec)

           新增加一个选项卡

           参数

              tabSpec —— 指定怎样创建指示符和内容。

 

下面通过案例演示来说明：

 

首先建一个名为TabHost的Activity的类

代码参考：

public class TabHostDemo extends TabActivity {

    TabHost tabHost = null;

 

    @Override

    protected void onCreate(Bundle savedInstanceState){

        super.onCreate(savedInstanceState);

       

         tabHost = this.getTabHost();

        

         LayoutInflaterinflater = LayoutInflater.from(this);

         //取出来给tabhost_layout

        inflater.inflate(R.layout.tabhost_layout,tabHost.getTabContentView(),true);

        

    tabHost.addTab(tabHost.newTabSpec("tab1").setIndicator("切换标签").setContent(R.id.tab1));

        

 tabHost.addTab(tabHost.newTabSpec("tab2").setIndicator("SeekBardemo").

                 setContent(new Intent(this,SeekBarDemo.class)));

 

        //setIndicator表示的是标签的名字  tab1  tab2   tab3  是他的ID值

        tabHost.addTab(tabHost.newTabSpec("tab3").setIndicator("ImageViewDemo"). 

                 setContent(new Intent(this,ImageViewDemo.class)));

        

         findViews();

    }

 

    private void findViews() {

      Button btn = (Button) this.findViewById(R.id.button);

      //实现监听

    btn.setOnClickListener(newView.OnClickListener() {

        @Override

        public voidonClick(View v) {

            //tabHost.setCurrentTab(1);

            tabHost.setCurrentTabByTag("tab2");

        }

    });   

    }  

}

布局文件中tabhost.xml里的代码：

<TabHostxmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent">

   

<LinearLayout

    android:id="@+id/tab1"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical">

   

    <Button

        android:id="@+id/button"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:text="切换至tab2"/>

    

    <ImageView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:src="@drawable/pig"

        android:scaleType="fitCenter"

        android:layout_marginTop="20dp"

        />   

</LinearLayout>

</TabHost>

 

最后就是配置清单文件：

<application

        android:icon="@drawable/ic_launcher"

        android:label="@string/app_name">

        <activity

            android:label="@string/app_name"

            android:name=".HostDemo">

            <intent-filter >

                <action android:name="android.intent.action.MAIN"/>

 

             <category android:name="android.intent.category.LAUNCHER"/>

            </intent-filter>

        </activity>

        <activity

            android:name=".SeekBarDemo">

        </activity>

            <activity

                android:name=".ImageViewDemo">

                </activity>

</application>

 

效果如图：

 

3、SeekBar组件

下面通过案例演示来说明：

首先建一个名为SeekBar的Activity的类

案例实现过程：

 

public class SeekBarDemo extends Activity implementsOnSeekBarChangeListener {

    SeekBar seekbar = null;

 

    @Override

    protected void onCreate(Bundle savedInstanceState){

   

        super.onCreate(savedInstanceState);

 

        this.setContentView(R.layout.seekbar_layout);

       

        findViews();

    }

 

    private void findViews() {

        seekbar = (SeekBar) this.findViewById(R.id.seekbar);

        //监听的注册

        seekbar.setOnSeekBarChangeListener(this);

    }

    

    @Override//监听的方法

    public void onProgressChanged(SeekBar seekBar, intprogress,

            boolean fromUser) {

        Log.d("TAG","changed:"+ String.valueOf(seekBar.getProgress()));  

    }

 

    @Override

    public void onStartTrackingTouch(SeekBar seekBar) {

       

        Log.d("TAG","start:"+ String.valueOf(seekBar.getProgress()));

    }

 

    @Override

    public void onStopTrackingTouch(SeekBar seekBar) {

        Log.d("TAG","stop:"+ String.valueOf(seekBar.getProgress()));

       

    }

}

布局文件seekbar.xml里的代码演示

 

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical">

    <SeekBar

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:max="1000"

        android:id="@+id/seekbar"/>

</LinearLayout>

清单文件：

<activity

            android:label="@string/app_name"

            android:name=".SeekBarDemo">

            <intent-filter >

                <action android:name="android.intent.action.MAIN"/>

 

              <category android:name="android.intent.category.LAUNCHER"/>

            </intent-filter>

        </activity>

实现效果如图：

 

 

 

10-3G-何进超
关注
专栏目录
hbuildX 开发uni-app 引入组件uni-ui
03-23
在移动应用开发领域，uni-app是一个备受开发者欢迎的框架，它允许开发者使用一套代码，跨平台地开发iOS、Android、微信小程序、H5等应用。本篇将聚焦于如何利用hbuildX工具来开发uni-app，并详细介绍引入uni-ui组件...
element-ui风格下拉手机区号组件
05-17
element-ui风格下拉手机区号组件，支持国际化，自定义下拉label，博客文档说明地址： https://blog.csdn.net/xieedeni/article/details/139003767
umy-ui封装，支持虚拟加载
11-10
umy-ui是一个专门针对Vue.js开发的组件库，旨在提供简洁、易用且高效的UI组件。它不仅包含了常见的如按钮、表单、布局等基础组件，还特别强调了性能优化，如虚拟滚动列表。虚拟加载（Virtual Loading）或虚拟列表...
基于Javascript的mint-ui Vue组件库设计源码
最新发布
05-26
本项目是基于Javascript的mint-ui Vue组件库设计源码，包含234个文件，其中包括80个JavaScript文件、69个Vue文件、38个Markdown文档、31个JSON文件、4个CSS文件、1个eslintignore文件、1个eslintrc文件、1个...
karma-ui:使用vue开发的ui组件库
05-14
这个组件库旨在简化Web应用的界面开发，提供一系列预封装、可复用且易于定制的UI元素，帮助开发者快速构建美观且响应式的用户界面。 1. **Vue.js基础** Vue.js是一个轻量级的前端框架，以其易学易用、高性能和灵活...
Android开发之路十四-----------Android中实现视频文件的上传
热门推荐
10-3G-何进超
12-27 1万+
Android中实现视频文件的上传 协议分析 l  运行服务器端web应用， l  上传视频文件，同时用httpwatch捕获数据包，并进行讲解：       POST /videoweb/video/manage.do HTTP/1.1   Accept: image/gif, image/jpeg,  image/pjpeg, image/pjpeg, appli
Android开发之路十一-----SharePreferences进行数据存储和SQL数据库
10-3G-何进超
12-22 5010
SharedPreferences进行数据存储   很多时候我们开发的软件需要向用户提供软件参数设置功能，例如我们常用的QQ，用户可以设置是否允许陌生人添加自己为好友。对于软件配置参数的保存，如果是window软件通常我们会采用ini文件进行保存，如果是j2se应用，我们会采用properties属性文件或者xml进行保存。如果是Android应用，我们最适合采用什么方式保存软件配置参数呢？A
Android开发之路（三）---模拟打电话的实现
10-3G-何进超
12-06 2256
Android开发之路（三）---模拟打电话的实现    A ndroid 开发是一件十分有意思的事情，模拟打电话的实现就是一件十分有意思的事情，自己的虚拟机给自己的虚拟机实现打电话功能。下面就介绍一下模拟打电话是怎么样实现的。    首先先建一个Android Project  Phone 应先在values中的String.xml文件中来定义字符串和数值            请
Android开发之路四-------布局
10-3G-何进超
12-07 2102
Android开发之路四-------布局    Android的布局在主窗口上主要是分为四类，LinerLayout（线性布局），RelativeLayout（相对布局），TableLayout（表格布局），FreamLayout（帧布局）。下面就我来详细的介绍这四种布局的特点。   一、LinerLayout布局 所谓的线性布局就是在该标签下的所有子元素会根据其orientation属
Android开发之路之二------第一个程序HelloWord
10-3G-何进超
12-06 1746
Android开发之路之二---------第一个程序HelloWord    Android的开发学习之路漫长，在艰难漫长的路都要走踏实每一步，今天就开始了第一步，那就是我的第一个程序HelloWord。今后要认真的完成每一步路，才能很好的掌握学习的知识。    我们在学习编程的东西时，第一个学习的程序都是HelloWord，下来就看看我的第一个程序以及的Android的项目详解。
Android 开发之路十---------SAX,DOM,PULL解析XML
10-3G-何进超
12-22 1712
SAX 解析XML    SAX是一个解析速度快并且占用内存少的xml解析器，非常适合用于Android等移动设备。 SAX解析XML文件采用的是事件驱动，也就是说，它并不需要解析完整个文档，在按内容顺序解析文档的过程中，SAX会判断当前读到的字符是否合法XML语法中的某部分，如果符合就会触发事件。所谓事件，其实就是一些回调（callback）方法，这些方法(事件)定义在ContentHand
Android开发之路七----UI组件2
10-3G-何进超
12-13 1699
Android开发之路七----UI组件2 今天我们继续学习UI组件，主要是学习了TextView和EditText这两种组件  TextView组件介绍：   直接的子类:   Button、CheckdTextView、Cheronometer、DigitalClock、EditText   间接的子类：   AutoCompleteTextView、CheckBox、Commpo
Android开发之路十二-----------SQLite数据库
10-3G-何进超
12-27 1669
SQLite数据库 SQLite简介 SQLite是一个开源的嵌入式关系数据库，它在 2000 年由 D.Richard Hipp 发布，它可以减少应用程序管理数据的开销 ， SQLite 可移植性好 、很容易使用 、 很小 、 高效而且可靠 。目前在 Android 系统中集成的是 SQLite3 版本 ， SQLite 不支持静态数据类型 ， 而是使用列关系。 这意味着它的数据类型不具有表
Android开发之路六---UI组件
10-3G-何进超
12-12 1630
Android开发之路六---UI组件 android提供了三种菜单类型，分别为options menu，context menu，sub menu。options menu就是通过按menu键来显示，context menu需要在view上按上2s后显示。这两种menu都有可以加入子菜单，子菜单不能种不能嵌套子菜单。 options menu最多只能在屏幕最下面显
Android开发之路十三-----------ContentProvider连接
10-3G-何进超
12-27 1608
ContentProvider 1、PersonProvider package cn.class3g.db;   import cn.class3g.service.DatabaseHelper; import android.content.ContentProvider; import android.content.ContentUris; import an
Android 开发之路五-----Activity的生命周期
10-3G-何进超
12-11 1573
Activity是应用程序的入口 负责创建窗口、用户交互等 一个程序可能会有多个Activity 使用方法： 继承自android.app.Activity； Override onCreate()； setContentView()显示视图； findViewById()实例化组件； AndroidManifest.xml->application标签里声明； 指定程序运行时首
Android开发之路十一-----------SharedPreferes
10-3G-何进超
12-27 1398
SharedPreferes SharedPreferences是Android平台上一个轻量级的存储类，主要是保存一些常用的配置比如窗口状态，一般在Activity中 重载窗口状态onSaveInstanceState保存一般使用SharedPreferences完成，它提供了Android平台常规的Long长 整形、Int整形、String字符串型的保存，它是什么样的处理方式呢?Shared
Android 开发之路（一）
10-3G-何进超
12-05 782
Android 开发环境的搭建    今天开始了Android的学习，虽然今天知识简单的介绍了一下，Android的发展与兴起还有就是Android环境的搭建。今天虽然没有讲什么代码，但是就是觉得学习Android之路不简单，会遇到很多的困难，我会好好的学习Android。    Android是一种基于Linux的开放源代码，Android支持使用Java作为编程语言来开发应用程序，而And
Angular-ui-BootStrap组件深度解析与实战指南
"这篇文章除了讲解Angular-ui-BootStrap组件的使用，还涉及到了AngularJS中的ng-router和ui-router的区别。" 在AngularJS生态中，Angular-ui-BootStrap是一个非常重要的库，它提供了与Bootstrap设计框架兼容的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值