android 仿系统秒表

原创

mob649e815d334b 2024-12-25 03:24:30 ©著作权

文章标签 布局文件 xml 开发流程 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob649e815d334b的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android 仿系统秒表开发指南

作为一名刚入行的小白，开发一个仿系统秒表是一个很好的实践项目。这个项目可以帮助你理解安卓开发的基本概念，包括界面布局、事件处理和定时器。接下来，我将为你详细介绍实现这个秒表的步骤和对应代码。

开发流程

以下是开发这个仿系统秒表的基本流程：

步骤	描述
1	设置项目和布局文件
2	创建秒表功能的逻辑
3	实现界面与逻辑的连接
4	测试应用

详细步骤及代码实现

Step 1: 设置项目和布局文件

首先，你需要创建一个新的安卓项目，并在 res/layout 文件夹中创建如下布局文件 activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/timerTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="48sp"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true" />

    <Button
        android:id="@+id/startButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Start"
        android:layout_below="@id/timerTextView"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="20dp" />

    <Button
        android:id="@+id/stopButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Stop"
        android:layout_below="@id/timerTextView"
        android:layout_toEndOf="@id/startButton"
        android:layout_marginStart="20dp"
        android:layout_marginTop="20dp" />

</RelativeLayout>

Step 2: 创建秒表功能的逻辑

在 MainActivity.java 中添加以下代码逻辑：

import android.os.Bundle;
import android.os.SystemClock;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
import androidx.appcompat.app.AppCompatActivity;

public class MainActivity extends AppCompatActivity {

    private TextView timerTextView;
    private Button startButton, stopButton;

    private long startTime;
    private boolean isRunning = false;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        // 获取布局中的视图
        timerTextView = findViewById(R.id.timerTextView);
        startButton = findViewById(R.id.startButton);
        stopButton = findViewById(R.id.stopButton);
        
        // 设置按钮点击事件
        startButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                startTimer();
            }
        });

        stopButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                stopTimer();
            }
        });
    }

    private void startTimer() {
        if (!isRunning) {
            isRunning = true;
            startTime = SystemClock.elapsedRealtime(); // 获取系统启动时间
            // 启动更新定时器
            updateTimer();
        }
    }

    private void stopTimer() {
        if (isRunning) {
            isRunning = false;
        }
    }

    private void updateTimer() {
        if (isRunning) {
            // 计算经过的时间
            long elapsedMillis = SystemClock.elapsedRealtime() - startTime; 
            int seconds = (int) (elapsedMillis / 1000); // 转换为秒
            
            // 更新TextView显示
            timerTextView.setText(String.valueOf(seconds));

            // 定时器每秒更新一次
            timerTextView.postDelayed(new Runnable() {
                @Override
                public void run() {
                    updateTimer();
                }
            }, 1000);
        }
    }
}

Step 3: 实现界面与逻辑的连接

在这个步骤中，我们通过 findViewById 方法将 XML 布局文件中的视图与 Java 代码连接起来。按钮点击事件的实现则是通过 setOnClickListener 方法来完成的。

Step 4: 测试应用

在完成以上步骤后，可以在安卓模拟器或真实设备上运行应用，您将看到当点击“Start”后，秒表会开始计时，“Stop”将暂停计时。

类图

以下是该项目的类图，它展示了 MainActivity 类的结构。

classDiagram
    class MainActivity {
        +TextView timerTextView
        +Button startButton
        +Button stopButton
        +long startTime
        +boolean isRunning
        +void onCreate(Bundle savedInstanceState)
        +void startTimer()
        +void stopTimer()
        +void updateTimer()
    }