20212416 2023-2024-2 《移动平台开发与实践》综合实践

1.实验内容

• 因为我是排球场常客，打比赛时记分常常会出现这样一些问题，微信小程序方便但是疯狂弹广告，稍不留神就跳转拼多多淘宝；想连着记几局却要求你看一个28秒的广告，又一个52秒的广告，越看越长。用纸质记分牌吧，损耗严重，据已知数据，蓝队的0、1、9分的分值纸已经摇摇欲坠，红队的"2"更是不知所踪，奈何经费紧张，队服都得省吃俭用买别说频繁地添置新的纸质记分牌了。所以，借着这次机会，俺老宁挺身而出，自己设计了一款简单的记分app。

2.实验过程

2.1 确定基础功能

• 我希望这个app首先具有“记分”这一基本功能；其次，要实现复用，还得能够重置比赛的分数；最后，如果点错了（给队伍加错分了），还需要有撤销的功能。

2.2 设计UI界面

• 根据上述功能，能够确定下来的有“加分”按钮，“撤销”按钮，“重置”按钮，还需要有用来显示两队分数的分数板块。
• 为了更美观也更符合主题一些，我们还可以找一张好看的背景图，再调整一下透明度。
• 最后效果如下：
  

2.3 编写程序运行代码

• 代码其实主要分为三个模块，一个是设置按钮的点击事件监听器，一个是比分更新模块，还有就是比分存储模块。详见下面的代码分析。

2.4 在基本功能的基础上丰富功能

• 我的设想是增加一个图表，能够根据实时得分情况更新，从而能直观地看到两支队伍在什么时间得分，或者说在哪个阶段集中得分，从而反映比赛场上的分数走势以及队员的状态变化等。
• 但是我遇到了一个问题，图表是实时更新的，也就是说我每点击一次加分按钮，图表都要全部更新一次，那我之前的数据点如何体现在新的图表中？存储在什么地方能够保证它能够一直保存呢？
• 这个我一直没有找到好的解决办法，导致做出来的图表会在更新分数后被新的分数覆盖，所以现在的代码里没有这个功能，如果找到了好的解决办法我就回来删掉这段话。

3. 代码分析

3.1设置按钮的点击事件监听器

@Override
protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);redTeamScoreTextView = findViewById(R.id.red_team_score);blueTeamScoreTextView = findViewById(R.id.blue_team_score);redTeamButton = findViewById(R.id.red_team_button);blueTeamButton = findViewById(R.id.blue_team_button);resetButton = findViewById(R.id.reset_button);redTeamUndoButton = findViewById(R.id.red_team_undo_button);blueTeamUndoButton = findViewById(R.id.blue_team_undo_button);sharedPreferences = getSharedPreferences("ScorePreferences", Context.MODE_PRIVATE);redTeamScore = sharedPreferences.getInt("redTeamScore", 0);blueTeamScore = sharedPreferences.getInt("blueTeamScore", 0);updateScores();redTeamButton.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {redTeamScore++;updateScores();saveScores();}});blueTeamButton.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {blueTeamScore++;updateScores();saveScores();}});resetButton.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {redTeamScore = 0;blueTeamScore = 0;updateScores();saveScores();}});redTeamUndoButton.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {if (redTeamScore > 0) {redTeamScore--;updateScores();saveScores();}}});blueTeamUndoButton.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {if (blueTeamScore > 0) {blueTeamScore--;updateScores();saveScores();}}});
}

3.2 比分更新模块

private void updateScores() {redTeamScoreTextView.setText(String.valueOf(redTeamScore));blueTeamScoreTextView.setText(String.valueOf(blueTeamScore));
}

3.3 比分存储模块

private void saveScores() {SharedPreferences.Editor editor = sharedPreferences.edit();editor.putInt("redTeamScore", redTeamScore);editor.putInt("blueTeamScore", blueTeamScore);editor.apply();
}

4. 运行结果

5.实践中遇到的问题及解决

• 问题1：图表如何实现
• 问题1解决方案：仅靠java代码实现可能做出来的界面不会太漂亮，我们选择导入MPAndroidChart库
• 问题2：无法通过设置dependencies线上下载GitHub上的MPAndroidChart库，总是会报语法错，但是语法我都让gpt检查过了是没问题的，可能是我的AS不支持这样添加依赖的方法。
• 问题2解决方案：呕心沥血寻找MPAndroidChart库的jar包

6.学习感悟与思考

• 这次综合实践其实让我有些挫败，因为一开始就是奔着做一个自己感兴趣的软件开始的，基本功能的实现很简单。而附加的实时化图表功能，捣鼓了很久都没弄出来，加上紧张的期末，真让人胸中郁结。我的主要精力都花在怎么实现附加功能，最后却没个结果，竹篮打水一场空，真挺叫人难过的。不过好在基础功能实现了，以后排球队都要记住我的名字哈哈。

参考资料

MPAndroidChart下载和添加依赖