移动平台开放综合实践
- 1.实验内容
- 2.实验过程
- 2.1 确定基础功能
- 2.2 设计UI界面
- 2.3 编写程序运行代码
- 2.4 在基本功能的基础上丰富功能
- 3. 代码分析
- 3.1设置按钮的点击事件监听器
- 3.2 比分更新模块
- 3.3 比分存储模块
- 4. 运行结果
- 5.实践中遇到的问题及解决
- 6.学习感悟与思考
- 参考资料
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下载和添加依赖