Android 基础控件演示实例

前言

本文简记部分常用 Android 基础控件说明,并以一个 APP 项目形式给出演示界面以及对应 java 代码。

控件列表

首页控件列表简单实现了 8 种控件或控件形式,如图所示。

  • TextView
  • Button
  • TextView By Button
  • EditText
  • RadioButton
  • CheckBox
  • ImageView
  • WebView

Android 基础控件演示实例_第1张图片

演示代码目录

Android 基础控件演示实例_第2张图片
Android 基础控件演示实例_第3张图片
Android 基础控件演示实例_第4张图片

演示代码下载

  • 码云: HelloWord.zip 下载地址 。

    包含了下文所述的 Android Studio 的 HelloWord 项目代码,解压即可。

控件演示及对应代码

点击首页控件列表里各个控件按钮,会触发各自的 Activity 。

TextView 控件

点击 “TextView” 。

  • 演示。

    演示效果:

    • 普通;
    • 超出省略;
    • 文本+图;
    • 中划线;
    • 下划线;
    • 跑马灯。

    Android 基础控件演示实例_第5张图片

  • 对应控件属性及代码等的说明,请参阅: Android 控件一 TextView 。

Button 控件

点击 “Button” 。

  • 演示。

    演示效果:

    • 普通:英文默认大写;
    • 大小写根据 text 值正确显示;
    • 圆角;
    • 描边;
    • 按下时效果变化;
    • 提示信息方法一:使用 android:onClick="" 触发点击函数;
    • 提示信息方法二:在 onCreate() 中,编写 btnS_6.setOnClickListener(new View.OnClickListener(){...}); 方法监听点击。

    Android 基础控件演示实例_第6张图片

  • 对应控件属性及代码等的说明,请参阅: Android 控件二 Button 。

TextView 控件实现 Button

点击 “TextView By Button” 。

  • 以 TextView 控件实现 Button 演示。

    演示效果:

    • 普通:按下无变化;
    • 提示信息方法一:使用 android:onClick="" 触发点击函数;
    • 提示信息方法二:在 onCreate() 中,编写 btnS_6.setOnClickListener(new View.OnClickListener(){...}); 方法监听点击。

    Android 基础控件演示实例_第7张图片

  • 对应控件属性及代码等的说明,请参阅: Android 控件三 TextView 控件实现 Button 。

EditText 控件

点击 “EditText” 。

  • 以 EditText 控件(+ TextView、Button 控件)实现一个登录界面演示。

    演示效果:

    • Login :TextView 控件。
    • Account/Phone :用户名的输入,可输入数字、字符,明文显示,EditText 控件。
    • Password :密码的输入,可输入数字、字符,密文显示,EditText 控件。
    • Verfi :验证码的输入,仅可输入数字,名文显示,EditText 控件。
    • Get VerfiLoginRegister :Button 控件。

    初始:

    Android 基础控件演示实例_第8张图片

    输入:

    Android 基础控件演示实例_第9张图片

  • 对应控件属性及代码等的说明,请参阅: Android 控件四 EditText 控件 。

RadioButton 控件

点击 “RadioButton” 。

  • 由 RadioGroup 控件包含数个 RadioButton 控件实现单选框演示。

    演示效果:

    • 单选框1:没有默认选中,其中被选中后,前面按钮图标会变化。
    • 单选框2:提前选中 “男” ,取消按钮图标变化显示,并使用背景属性的变化体现选中,如果改选为 “女” ,“男” 变为蓝色,“女” 变为橙色。

    初始:

    Android 基础控件演示实例_第10张图片

    修改选择:

    Android 基础控件演示实例_第11张图片

  • 对应控件属性及代码等的说明,请参阅: Android 控件五 RadioButton 控件 。

CheckBox 控件

点击 “CheckBox” 。

  • 由 LinearLayout 线性布局控件包含数个 CheckBox 控件实现复选框演示。

    演示效果:

    • 复选框1:默认复选框按钮,图标选中后,变化;
    • 复选框2:自定义复选框按钮,图标选中后,变化;

    初始:

    Android 基础控件演示实例_第12张图片

    修改选中:

    Android 基础控件演示实例_第13张图片

  • 对应控件属性及代码等的说明,请参阅: Android 控件六 CheckBox 控件 。

ImageView 控件

点击 “ImageView” 。

  • 由 ImageView 控件(+ glide 第三方库)实现演示。

    演示效果:

    • ImageView 1:本地图标,完全显示,不锁定高宽比,铺满控件;
    • ImageView 2:本地图标,完全显示,锁定高宽比,不一定铺满控件;
    • ImageView 3:本地图标,不一定完全显示,锁定高宽比,铺满控件;
    • ImageView 4:网络图标(java 调用 glide 库),完全显示,锁定高宽比,不一定铺满控件;

    Android 基础控件演示实例_第14张图片

  • 对应控件属性及代码等的说明,请参阅: Android 控件七 ImageView 控件 。

WebView 控件

点击 “WebView” 。

  • 演示。

    • 二级按钮列表。

      Android 基础控件演示实例_第15张图片

      • WebView Local 为本地网页。

        Android 基础控件演示实例_第16张图片

      • WebView Internet 为网络网页,并以 https://www.yogile.icu 为 URL。

  • 对应控件属性及代码等的说明,请参阅: Android 控件八 WebView 控件 。

你可能感兴趣的:(Android 基础控件演示实例)