Android SeekBar 进度条界面设计

• 这些笔记介绍了如何在 Android 应用程序中设计一个带有 SeekBar（滑动条）的界面，用于动态显示进度。包括布局设计、Activity 逻辑、以及相关 XML 代码和 Java 代码。

设计流程

• 布局设计 (act_main.xml)
  • 使用 LinearLayout 作为根布局，设置垂直排列方向，使得控件呈一列排列。
  • 添加 TextView 用于显示当前进度，默认文本为空，动态更新。
  • 添加 SeekBar 控件用于实现进度条拖动，设置最大进度为 100，初始进度为 10。
• Activity 逻辑 (MainActivityl.java)
  • MainActivityl 继承自 AppCompatActivity，表示该类是一个可视化的活动界面。
  • onCreate() 方法设置该活动的布局为 act_main.xml。
  • 调用 initWidget() 方法初始化控件。
  • initWidget() 方法通过 findViewById() 获取 TextView 和 SeekBar 控件。
  • 设置 SeekBar 的 OnSeekBarChangeListener 监听进度条的拖动事件。
  • 监听器的三个方法:
    • onProgressChanged(): 当拖动进度条时更新 TextView，显示当前进度。
    • onStartTrackingTouch() 和 onStopTrackingTouch(): 分别在拖动开始和结束时调用，暂时没有实现其他操作。

act_main.xml 代码详解

• 根布局使用 LinearLayout，设置为垂直排列。
• TextView 用于显示当前 SeekBar 的进度值。
• SeekBar 用于拖动控制进度，用户可以通过拖动来修改进度。

MainActivityl.java 代码详解

• 设置当前 Java 类所在的包名。
• 导入 Bundle 类用于存储活动状态。
• 导入 SeekBar 类用于滑动条控件。
• 导入 TextView 类用于文本显示。
• MainActivityl 继承自 AppCompatActivity,表示一个活动类
  • 重写 onCreate() 方法，在活动创建时调用
  • 调用父类的 onCreate() 方法，确保活动正常启动
  • 设置该活动的布局文件为 act_main.xml
  • 调用初始化控件的方法
• 定义初始化控件的方法
  • 获取 TextView 控件，显示 SeekBar 的当前进度
  • 获取 SeekBar 控件
  • 为 SeekBar 添加拖动监听事件
• 当进度条的进度发生改变时回调此方法,更新 TextView 显示当前的进度值
• 拖动开始时回调此方法，可以执行一些初始化操作。
• 拖动结束时回调此方法，可以执行一些操作。

AndroidManifest.xml 代码详解

• 允许备份应用数据
• 设置应用图标
• 设置应用名称
• 设置圆形图标
• 支持从右到左的语言布局
• 设置应用主题
• 定义一个 Activity, 表示应用的启动界面，该活动的类为 MainActivityl ，允许其他应用访问该活动
• 定义应用启动时的 Intent 过滤器， 表示这是应用的主入口，该活动是 Launcher 活动

使用的控件

• LinearLayout
  • 作为根布局，负责将控件按垂直方向排列。
  • 主要属性:
    • android:layout_width="match_parent"
    • android:layout_height="match_parent"
    • android:orientation="vertical"
• TextView
  • 显示当前的进度值。
  • 主要属性:
    • android:id="@+id/txt show"
    • android:textSize="20sp" 设置文本大小为20sp。
• SeekBar
  • 允许用户拖动控制进度条，并实时显示进度变化。
  • 主要属性:
    • android:id="@+id/seekBar"
    • android:layout_marginTop="10dp" 设置与上方控件的间距。
    • android:max="100" 设置进度条的最大值为100。
    • android:progress="10" 设置初始进度为10。

使用的类

• AppCompatActivity
  • Android 中的一个活动基类,支持向下兼容的功能
  • 方法:
    • onCreate() 用于初始化活动,设置布局。
• TextView
  • 用于显示文本，在这里显示进度条的当前进度。 Method:
    • setText() 设置 TextView 显示的文本内容
• SeekBar
  • 提供一个可拖动的进度条
  • 方法:
    • setOnSeekBarChangeListener() 为进度条设置一个监听器, 监听拖动过程中的变化。
• SeekBar.OnSeekBarChangeListener
  • 事件监听接口,包含三个方法:
    • onProgressChanged() 进度条的进度发生变化时调用,用来更新显示的文本。
    • onStartTrackingTouch() 开始拖动时调用。
    • onStopTrackingTouch() 拖动结束时调用。

执行逻辑

• 应用启动
  • MainActivityl 绑定 `act_main.xml、 布局。
  • TextView 显示为空,SeekBar 显示初始进度值为 10。
• 拖动进度条
  • 用户拖动 SeekBar,onProgressChanged() 方法被触发
  • 当前的进度值被实时更新, 并显示在 TextView 中。
• 停止拖动
  • 拖动停止时,onStopTrackingTouch() 方法被触发, 暂时没有其他操作
• 实时反馈
  • 在拖动过程中,TextView 会实时更新进度条的进度，展示用户拖动的结果。