文章/答案/技术大牛

发布

社区首页 >专栏 >速读原著-Android应用开发入门教程(基本控件的使用)

速读原著-Android应用开发入门教程(基本控件的使用)

cwl_java

发布于 2020-02-13 09:04:26

1.4K00

代码可运行

文章被收录于专栏：cwl_Javacwl_Java

运行总次数：0

代码可运行

7.2 基本控件的使用

Android 中的基本视图是 GUI 中通常直接使用的一些类，例如：字符区域、按钮、图像区域、图像按钮、进度条等。

7.2.1．普通按钮

这里介绍普通按钮的使用，最普通的按钮是各种 GUI 系统中都类似的按钮，另外一种 ToggleButton 是具有开关两种状态的按钮。参考示例程序：Buttons1（ApiDemo=>Views=>Buttons1） 源代码：com/example/android/apis/view/Buttons1.java 布局文件：buttons_1.xml Buttons1 程序的运行结果如图所示：

界面比较简单，前两个按钮是 Button 类，表示普通的按钮；第三个按钮是 ToggleButton 类，表示可以进行开关操作的按钮。

这个活动的源代码很简单，实际上只有布局文件有特殊点。buttons_1.xml 的内容如下所示：

 <LinearLayout 
	 android:layout_width="wrap_content" 
	 android:layout_height="wrap_content" 
	 android:orientation="vertical"> 
 <!-- Regular sized buttons --> 
	 <Button android:id="@+id/button_normal" 
	 android:text="@string/buttons_1_normal" 
	 android:layout_width="wrap_content" 
	 android:layout_height="wrap_content" /> 
 <!-- Small buttons --> 
	 <Button android:id="@+id/button_small" 
	 style="?android:attr/buttonStyleSmall" 
	 android:text="@string/buttons_1_small" 
	 android:layout_width="wrap_content" 
	 android:layout_height="wrap_content" /> 
 <ToggleButton android:id="@+id/button_toggle"
	 android:text="@string/buttons_1_toggle" 
	 android:layout_width="wrap_content" 
	 android:layout_height="wrap_content" /> 
 </LinearLayout>

这里主要引用了 3 个控件，2 个 Button 和 1 个 ToggleButton，它们都是 Android 中预定义的控件。 Button 类的扩展关系如下所示：

=> android.view.View 
=> android.widget.TextView 
=> android.widget.Button

Button 类扩展了 TextView 类，TextView 类是 View 的直接扩展者，表示一个文本区域，Android 中以文本为主要内容的各种控件均扩展自这个类。除了按钮之外，TextView 类的另外一个重要的扩展者是可编辑文本区域（EditText）。

按钮类（Button）作为 TextView 类的扩展者，主要的区别表现在外观和使用的方式上，Button 通常要设置处理点击动作的处理器（View.OnClickListener）；TextView 类虽然也可以设置这个内容，但是通常不需要这样做。

在本例的布局文件中，使用了 android:text 一个属性来定义在 Button 上面显示的文本，根据帮助，这其实是 TextView 中的一个 XML 属性，在这里被 Button 类继承使用，除了在布局文件中指定，还可以使用setText(CharSequence)在 JAVA 源代码中进行设置。

ToggleButton 类的扩展关系如下所示：

 => android.view.View 
 => android.widget.TextView 
 => android.widget.Button 
 => android.widget.CompoundButton 
 => android.widget.ToggleButton

Button 类具有一个名为 CompoundButton（组合按钮）的扩展者CompoundButton 又有了圆形按钮（RadioButton）、选择框（CheckBox）和开关按钮（ToggleButton）3 个扩展者。ToggleButton 比较简单，包含开关两个状态，可以显示不同的文本 textOn（开）和 textOff（关），在使用 ToggleButton 时主要根据CompoundButton 的 isChecked()函数获得其是否选择的状态。

根据 ToggleButton 的帮助可以得知，其特定的 XML 属性包括了以下的内容： android:disabledAlpha：禁止的时候的 Alpha 值，使用浮点数 android:textOff：定义开状态下显示的文本 android:textOn：定义开状态下显示的文本 Android 中的控件在使用上涉及的内容包括了：在 JAVA 源代码中使用的方法在布局文件中使用 XML 属性

每个控件本身涉及的内容包括它直接或者间接扩展的类，以及它自己的独特功能。例如，根据上述的继承关系，TextView中能使用的所有内容，都可以在Button中使用，在Button中能使用的内容，都可以在ToggleButton使用。

7.2.2．图像区域

在 UI 界面上显示图片，是一个常常需要使用到的功能。在 Android 中可以使用图像区域是一个可以直接显示图片文件的控件，可以方便显示一个图片。参考示例程序：ImageView（ApiDemo=>Views=>ImageView） 源代码：com/example/android/apis/view/ImageView1.java 布局文件：image_view_1.xml ImageView 程序的运行结果如图所示：

图 ImageView 程序的运行结果程序中的图像都是通过 ImageView 类来实现显示的，ImageView 是 View 的直接扩展者，继承关系如下所示：

 => android.view.View 
 => android.widget.ImageView

这里所使用的布局文件的一个片断如下所示：

<ImageView 
	 android:src="@drawable/sample_1" 
	 android:adjustViewBounds="true" 
	 android:layout_width="wrap_content" 
	 android:layout_height="wrap_content" /> 
 <ImageView 
	 android:src="@drawable/sample_1" 
	 android:background="#66FFFFFF" 
	 android:adjustViewBounds="true" 
	 android:maxWidth="70dip" 
	 android:maxHeight="70dip" 
	 android:padding="10dip" 
	 android:layout_width="wrap_content" 
	 android:layout_height="wrap_content" />

根据布局文件，可以得知，这里主要用来显示图片的内容是一个 ImageView 标签。它具有一个 android:src属性，这个属性实际上就是用来设置所显示的图片的。

ImageView 又被称为图像视图，是 Android 中可以直接显示图形的控件，其中图像源是其核心。ImageView有多种不同的设置图像源的方法：

void setImageResource (int resId) // 设置图像源的资源 ID 
void setImageURI(Uri uri) // 设置图像源的 URI 
void setImageBitmap(Bitmap bm) // 设置一个 Bitmap 位图为图像源

使用 ID 的方式表示设置包中预置的图像资源，使用 URI 可以设置文件系统中存储在各种地方的图像等，使用 Bitmap 的方式可以设置一个已经表示为 Bitmap 格式的图像。

ImageView 还支持缩放、剪裁等功能，具有相关的方法进行设置。示例中的第二个图像通过指定最大的宽（android:maxWidth）和高（android:maxHeight）来实现缩小，第三个图像通过指定 android:padding 属性来实现为图像留出一个边缘。

7.2.3．图像按钮

图像按钮是一个带有图片的按钮，从逻辑上可以实现普通按钮功能。图像按钮实际上是结合图像和按钮的双重特性。参考示例程序：ImageButton（ApiDemo=>Views=>ImageButton） 源代码：com/example/android/apis/view/ImageButton.java 布局文件：image_button_1.xml ImageButton 程序的运行结果如图所示：

这里的布局文件的主要内容如下所示：

<ImageButton 
 android:layout_width="100dip" 
 android:layout_height="50dip" 
 android:src="@android:drawable/sym_action_call" /> 
 
 <ImageButton 
 android:layout_width="wrap_content" 
 android:layout_height="wrap_content" 
 android:src="@android:drawable/sym_action_chat" /> 
 
 <ImageButton 
 android:layout_width="wrap_content" 
 android:layout_height="wrap_content" 
 android:src="@android:drawable/sym_action_email" />

示例中使用了 ImageButton 类作为显示一个带有图像的按钮，扩展关系如下所示：

 => aandroid.view.View 
 => aandroid.widget.ImageView 
 => aandroid.widget.ImageButton

图像按钮 ImageButton 扩展了 ImageView，它结合了图像和按钮的功能。ImageButton 除了可以当作按钮来使用，其他方面和 ImageView 基本一致。ImageButton 和 ImageView 的区别也仅在于外观和使用方式上，主要的图像设置方法和 ImageButton 中的一样。ImageButton 特定的是具有一个 onSetAlpha()函数：

boolean onSetAlpha(int alpha)

onSetAlpha()函数通过指定 0-255 来指定 Alpha 数值。

事实上，ImageButton 除了在外观上表现成一个按钮的状态，其他方面和 ImageView 基本一样。由于是按钮的功能，在 JAVA 源程序中，ImageButton 通常被设定 OnClickListener 来获得点击时候的响应函数。

由于 JAVA 语言不支持多重继承，因此，在 Android 中图像按钮 ImageButton 只是扩展了 ImageView，和普通按钮 Button 并没有继承（扩展）关系。ImageButton 有一个扩展者是 ZoomButton，这是一个带有动态缩放功能的图像按钮。

7.2.4．进度条

进度条可以用图形的方式显示一个百分比的效果。在 Android 中具有预定义的进度条可以使用。参考示例程序：ProgressBar1（ApiDemo=>Views=>ProgressBar） 源代码：com/example/android/apis/view/ProgressBar1.java 布局文件：progressbar_1.xml ProgressBar1 程序的运行结果如图所示：

这里的布局文件 progressbar_1.xml 的主要内容如下所示：

 <ProgressBar android:id="@+id/progress_horizontal" 
	 style="?android:attr/progressBarStyleHorizontal" 
	 android:layout_width="200dip" 
	 android:layout_height="wrap_content" 
	 android:max="100" 
	 android:progress="50" 
	 android:secondaryProgress="75" />

标签 ProgressBar 是表示了进度条的控件，扩展关系如下：

 => android.view.View 
 => android.widget.ProgressBar

ProgressBar 是 android.view.View 的直接扩展者，在 GUI 界面中实现进度条的功能。ProgressBar 比较特殊的地方是这个类还支持第二个进度条，如示例所示，第二个进度条在第一个进度条的背后显示，两个进度条的最大值是相同的。

ProgressBar 的主要参数是进度条的当前值和最大值。

int getMax() // 获得进度条的最大值 
void setProgress(int progress) // 设置主进度条的进度
void setSecondaryProgress(int secondaryProgress) // 设置第二个进度条的进度
synchronized int getProgress () // 获得进度值
synchronized int getSecondaryProgress () // 获得第二个进度条的进度

ProgressBar 在使用的时候，要注意最大值和当前值的关系，在 UI 上所呈现的状态，其实是当前值和最大值的一个比例。

在本示例程序中，可以通过按钮来控制进度条，这部分内容是在 JAVA 源代码中实现的：

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_PROGRESS);
        setContentView(R.layout.progressbar_1);
        setProgressBarVisibility(true);

        final ProgressBar progressHorizontal
                = (ProgressBar) findViewById(R.id.progress_horizontal);
        setProgress(progressHorizontal.getProgress() * 100);
        setSecondaryProgress(progressHorizontal.getSecondaryProgress() * 100);
    }

由于这里使用了 requestWindowFeature(Window.FEATURE_PROGRESS)来获得了将进度条设置到标题栏的当中。因此这里调用了几个 Activity 中的函数，用于设置在标题栏中的进度条。

final void setProgress(int progress) 
final void setSecondaryProgress(int secondaryProgress) 
final void setProgressBarVisibility(boolean visible)

其中一个按钮的 onClick()调用如下所示：

public void onClick(View v) { 
	 progressHorizontal.incrementProgressBy(-1); 
	 // Title progress is in range 0..10000 
	 setProgress(100 * progressHorizontal.getProgress()); 
 }

事实上，这里调用的 progressHorizontal 是 ProgressBar 类的一个实例，而标题栏的进度条，是一个单独的内容。

在 Android 中还有一些其他类型的进度条。

参考示例程序：RatingBar1（Views=>RatingBar1） 源代码：com/example/android/apis/view/RatingBar1.java 布局文件：ratingbar_1.xml RatingBar1 程序的运行结果如图所示：

这里的布局文件 ratingbar _1.xml 的主要内容如下所示：

<RatingBar android:id="@+id/ratingbar1" 
	 android:layout_width="wrap_content" 
	 android:layout_height="wrap_content" 
	 android:numStars="3"
	 android:rating="2.5" /> 
	 <RatingBar android:id="@+id/ratingbar2" 
	 android:layout_width="wrap_content" 
	 android:layout_height="wrap_content" 
	 android:numStars="5" 
	 android:rating="2.25" /> 
	 <LinearLayout 
	 android:layout_width="fill_parent" 
	 android:layout_height="wrap_content" 
	 android:layout_marginTop="10dip"> 
	 <TextView android:id="@+id/rating" 
	 android:layout_width="wrap_content" 
	 android:layout_height="wrap_content" /> 
	 <RatingBar android:id="@+id/small_ratingbar" 
	 style="?android:attr/ratingBarStyleSmall" 
	 android:layout_marginLeft="5dip" 
	 android:layout_width="wrap_content" 
	 android:layout_height="wrap_content" 
	 android:layout_gravity="center_vertical" /> 
	 </LinearLayout> 
	 <RatingBar android:id="@+id/indicator_ratingbar" 
	 style="?android:attr/ratingBarStyleIndicator" 
	 android:layout_marginLeft="5dip" 
	 android:layout_width="wrap_content" 
	 android:layout_height="wrap_content" 
	 android:layout_gravity="center_vertical" />

这里，一共定义了 4 个 RatingBar 标签，RatingBar 的继承关系如下所示：

=> android.view.View 
=> android.widget.ProgressBar 
=> android.widget.AbsSeekBar 
=> android.widget.RatingBar

AbsSeekBar 是 ProgressBar 的扩展者，这是一个表示绝对进度的类，由于使用的是绝对进度，因此主要区别是 AbsSeekBar 的进度最大值是可以设置的（对应 setMax()函数）。RatingBar 和 SeekBar 两个类又扩展了AbsSeekBar，其中 RatingBar 可以直接用星星的方式来表示进度；SeekBar 可以使用可拖拽的小图标。

RatingBar 是 AbsSeekBar 的一个继承者，AbsSeekBar 和 ProgressBar 的一个主要扩展就是其最大值可以设置。在本例的布局文件中，android:numStars 和 android:rating 等几个属性是 RatingBar 自己的属性。

7.2.5．多种控件

这里介绍一个具有多种控件的示例，它们被包含在一个活动中。参考示例程序：Controls1（ApiDemo=>Views=>Controls1） 源代码：com/example/android/apis/view/Controls1.java 布局文件：controls_1.xml Controls1 程序的运行结果如图所示：