Android基础控件（EditView、SeekBar等）的使用方法

 android提供了大量的ui控件，本文将介绍textview、imageview、button、editview、progressbar、seekbar、scrollview、webview的使用方法。在介绍各种控件之前，先简单介绍android ui控件最基本的几种属性：

id： id是控件唯一标识符，可通过**findviewbyid(r.id.*)**操作控件。
layout_width：控件宽度，可设置为match_parent（充满父布局，即让父布局决定当前控件的宽度）、wrap_content（恰好包住里面的内容）、具体值（一般以dp作为单位）。
layout_width：控件高度，可设置为match_parent、wrap_content、具体值。
visibility：可见与否，有三个可选值：visible（可见，不设置该属性为默认值）、invisible（透明，仍在屏幕上占据空间）、gone（不可见，不占据空间）。
1.textview（文本）

textview可以说是最简单的控件了。

1.1 基本属性

<!--res/layout/activity_main.xml-->
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical">
 
  <textview
    android:id="@+id/text"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:textsize="30sp"
    android:textcolor="#334433"
    android:text="@string/app_name"
    />
 
</linearlayout>

text： text属性即显示出来的文字，@string/app_name表示引用资源文件res/values/strings.xml中的app_name，也可以直接写内容。

<!--res/values/strings.xml-->
<resources>
  <string name="app_name">uiexample</string>
  <string name="title_activity_main">mainactivity</string>
</resources>

gravity： 对textview中内容位置的设定，可选值为top、bottom、left、right、center等。可以为多个值，例如希望文字位于该textview的右下角，设置为gravity="right|bottom"，用 | 隔开
textsize与textcolor 文字大小与颜色。
id： 这里用了"\@+id/text"，表示给id分配一个唯一标识符text，与引用类似，多了一个+。
1.2 定义style

    假如上面的样式是标题的样式，且被重复使用多次。如果每个标题都这样定义样式，不但增加工作量，而且会使用修改变得很困难，这种情况下，将style抽象出来能解决这个问题。
    这与web开发中css的作用如出一辙。

<!--res/values/styles.xml 增加texttitle-->
<resources>
  ...
  <style name="texttitle">
    <item name="android:textcolor">#334433</item>
    <item name="android:textsize">30sp</item>
    <item name="android:gravity">center</item>
  </style>
</resources>
 
<!--res/layout/activity_main.xml 将textview作如下修改即可-->
  <textview
    android:id="@+id/text"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="@string/app_name"
    style="@style/texttitle"
    />

1.3 动态操作

// 使用代码动态设置textview中的文本内容
public class mainactivity extends activity {
  @override
  protected void oncreate(bundle savedinstancestate) {
    super.oncreate(savedinstancestate);
    setcontentview(r.layout.activity_main);
    // 通过findviewbyid，获取textview的实例。
    // 使用settext()与gettext()赋值和取值。
    textview textview = (textview) findviewbyid(r.id.text);
    textview.settext("hello world!");
    log.d("mainactivity",textview.gettext().tostring());
  }
}

2.imageview（图片）

有文本，自然少不了图片。

<imageview
  android:id="@+id/image"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:src="@drawable/test_image"
  />

id： 若不在java代码中动态操作，id属性可以省略。
src： 即定义显示的图片，将需要加载的图片放置在 res/drawable/目录下即可。

// 调用setimageresource()方法即可。
// 需要加载的图片复制到 res/drawable/ 目录下。
imageview imageview = (imageview) findviewbyid(r.id.image);
imageview.setimageresource(r.drawable.test_image2);

3.button（按钮）

3.1 基本样式

<button
  android:id="@+id/button_1"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:text="i am a button"
  />

text： text即按钮上的提示内容
3.2 点击事件

3.2.1 为点击事件注册监听器

// 第12行，注册监听器onclicklistener，复写onclick()函数。
public class mainactivity extends activity {
 
  private textview textview;
   
  @override
  protected void oncreate(bundle savedinstancestate) {
    super.oncreate(savedinstancestate);
    setcontentview(r.layout.activity_main);
    textview = (textview) findviewbyid(r.id.text);
    button button = (button) findviewbyid(r.id.button_1);
    button.setonclicklistener(new view.onclicklistener() {
      @override
      public void onclick(view v) {
        // ... 省略点击事件
        // 例如：textview.settext("hello world");
      }
    });
  }
}

3.2.2 实现接口onclicklistener

// 第14行，将点击事件绑定到 this
// 第17行，复写接口onclicklistener的onclick()方法
// java中只能继承一个类，接口可以看作java的多继承方式
public class mainactivity extends activity implements view.onclicklistener{
 
  private textview textview;
   
  @override
  protected void oncreate(bundle savedinstancestate) {
    super.oncreate(savedinstancestate);
    setcontentview(r.layout.activity_main);
    textview = (textview) findviewbyid(r.id.text);
    button button = (button) findviewbyid(r.id.button_1);
    button.setonclicklistener(this);
  }
   
  @override
  public void onclick(view view){
    // 根据id判断，若一个活动中有多个控件需绑定点击事件
    // 使用该方式，该方法简洁直观
    switch (view.getid()){
      case r.id.button_1:
        // ... 省略点击事件
        // 例如：textview.settext("hello world!");
        break;
      default:
        break;
    }
  }
}

4.edittext（输入框）

4.1 基本样式

<edittext
  android:id="@+id/edit"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:maxlines="3"
  android:hint="please input..."
  />

maxlines： 指定输入框的最大行号为3行，超过3行后，文本将向上滚动，edittext不会继续被拉伸。如果不指定，edittext将随着输入内容的增加而被拉伸。
hint： 类似html中的placeholder，用于输入框的提示。
4.2 获取输入内容

// 点击按钮，打印输入的内容。
public class mainactivity extends activity {
   
  @override
  protected void oncreate(bundle savedinstancestate) {
    // ...
    button button = (button) findviewbyid(r.id.button_1);
    final edittext edittext = (edittext) findviewbyid(r.id.edit);
    button.setonclicklistener(new view.onclicklistener() {
      @override
      public void onclick(view v) {
        // 使用 gettext()方法获取edittext的内容
        string input_text = edittext.gettext().tostring();
        log.d("mainactivity",input_text);
      }
    });
  }
}

5.progressbar（进度条）

5.1 圆形进度条

<progressbar
  android:id="@+id/progress_bar"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:visibility="gone"
  />

visibility： visible（可见）、invisible（透明，占据空间）、gone（不可见，不占据空间），初始值设置为不可见。

// 一般比较耗时的工作，会暂时显示进度条，工作完成后，进度条消失
// 以下代码模拟该过程
public class mainactivity extends activity implements view.onclicklistener{
 
  private progressbar progressbar;
 
  @override
  protected void oncreate(bundle savedinstancestate) {
    // ...
    button button = (button) findviewbyid(r.id.button_1);
    progressbar = (progressbar) findviewbyid(r.id.progress_bar);
    button.setonclicklistener(this);
  }
 
  @override
  public void onclick(view view) {
    switch (view.getid()){
      case r.id.button_1:
        // 点击按钮后，如果当前状态可见，则变为不可见
        // 如不可见，则变为可见
        if(progressbar.getvisibility() == view.gone) {
          progressbar.setvisibility(view.visible);
        } else {
          progressbar.setvisibility(view.gone);
        }
        break;
      default: break;
    }
  }
}

5.2 水平进度条

<progressbar
  android:id="@+id/progress_bar"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:max="100"
  style="@style/base.widget.appcompat.progressbar.horizontal"
  />

style： 设置style为水平样式，其他样式可以自己尝试。

// 将onclick() 改为
@override
public void onclick(view view) {
  switch (view.getid()){
    case r.id.button_1:
      // 获取当前进度值，每次点击进度值+10
      int progress = progressbar.getprogress();
      progressbar.setprogress(progress + 10);
    default: break;
  }
}

6.seekbar（滑动条）

6.1 基本样式

<seekbar
  android:id="@+id/seek_bar"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:max="100"
  android:progress="50"
  />
<textview
  android:id="@+id/text"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:gravity="center"
  />

max： 滑动条的最大值，设置为 100
progress： 初始化滑动条的值，设置为 50
6.2 注册滑动监听器

public class mainactivity extends activity {
 
  private textview textview;
   
  @override
  protected void oncreate(bundle savedinstancestate) {
    super.oncreate(savedinstancestate);
    setcontentview(r.layout.activity_main);
    textview = (textview) findviewbyid(r.id.text);
    seekbar seekbar = (seekbar) findviewbyid(r.id.seek_bar);
    // 设置滑动监听器，复写三个事件函数，分别是值改变、开始滑动、结束滑动
    seekbar.setonseekbarchangelistener(new seekbar.onseekbarchangelistener() {
      @override
      public void onprogresschanged(seekbar seekbar, int progress, 
          boolean fromuser) {
        if(fromuser){
          // 用户主动滑动，值改变时触发该事件
          textview.settext("用户正在滑动，当前值:" + progress);
        }
      }
 
      @override
      public void onstarttrackingtouch(seekbar seekbar) {
        log.d("mainactivity","开始滑动时触发该事件");
      }
 
      @override
      public void onstoptrackingtouch(seekbar seekbar) {
        log.d("mainactivity","结束滑动时触发该事件");
      }
    });
  }
}

7.srollview（可滚动视图）

<scrollview
  android:layout_width="wrap_content"
  android:layout_height="wrap_content">
  <!-- ... 省略其他控件-->
  <textview
    android:id="@+id/text"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    />
</scrollview>

当textview的内容过多时（一页显示不完），这时使用scrollview可以使页面变为可垂直滚动模式，垂直滚动看完所有内容。
8.webview（浏览器）

<webview
  android:id="@+id/web_view"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  />

在androidmanifest.xml中加入访问网络的权限

<manifest ... >
  <application ...>
    ...
  </application>
  <uses-permission android:name="android.permission.internet"/>
</manifest>

public class mainactivity extends activity {
 
  @override
  protected void oncreate(bundle savedinstancestate) {
    super.oncreate(savedinstancestate);
    setcontentview(r.layout.activity_main);
    webview webview = (webview) findviewbyid(r.id.web_view);
    // 允许执行javasript
    webview.getsettings().setjavascriptenabled(true);
    // 设置代理，复写shouldoverrideurlloading函数
    webview.setwebviewclient(new webviewclient(){
      @override
      public boolean shouldoverrideurlloading(webview view,string url){
        view.loadurl(url); //加载网页
        return true; //true表示使用当前webview打开网页，不使用系统浏览器
      }
    });
    webview.loadurl("//www.jb51.net");
  }
}

运行程序，类似于一个打开了网页的浏览器，只是缺少网址输入框。

以上就是本文的全部内容，希望对大家的学习有所帮助。