Google安卓开发者官方视频培训课程入门版之计分器App

最新推荐文章于 2020-04-06 23:08:41 发布
最新推荐文章于 2020-04-06 23:08:41 发布
阅读量610 收藏
点赞数 1
文章标签： android 开发人员
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36764994/article/details/65443682
版权

Android初学者，首次在CSDN上写文章，如有任何不足与错误，请多多指教，希望能得到有经验的前辈们的指点，万分感谢


Google安卓开发者官方视频培训课程入门之计分器App


官方课程上只是给出了一个UI界面的设计步骤，但是怎么把这个App完整的做出来却并没有说明，煞费一番苦心的在google里搜索教程，结果也不如人意，于是萌生了在自己做完之后写一篇记录的想法，好了废话不多说，直接切入正题：

 

UI界面的构思：

1． 将主屏分成两个容器，布局格式为LinearLayout，orientation设置为vertical，这样就构造好了容器1与容器2，并且按照比例布局的方式设置为3:1；容器1用来放置TextView和各自的三个Button,容器2用来放置reset的Button。

2． 容器1：将容器1中放入三个LinearLayout布局，orientation设置为horizontal，这里暂且称之为A，C，B，A与B用来放置两支team相关的控件，C用来设置中间的分割线。

3． A容器（orientation设置为vertical）中放置2个TextView，用来显示队名以及分数，之后再在其中放入一个LinearLayout布局a(目的是为了保证三个分数Button能够更好的排版，布局的属性设置为width>>>match_parent，height>>>match_parent, orientation依旧设置为vertical)，在a中放入三个Button,按比例平均分配在a容器的空间，设置好各自margin_left/right/bottom/top的值，优化界面美感；B容器中同样的操作。

4． 最后是分割线与reset的设置。关于分割线，height设置为match_parent，background属性值为颜色深色。reset直接在2容器中添加就可以，2容器layout_gravity与gravity设置为center，添加Button即可

5． 最后可以选择性的设置Button字体，颜色，TextView字体，颜色，还有标题栏以及通知栏的颜色（在valus文件夹的color里面有这两个的颜色，直接修改colorPrimery与colorPrimeryDark即可）


UI界面的效果图：



布局源代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.aaron_gan.baskteballpints.MainActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="3"
        android:orientation="horizontal"
        >
        //team A的布局

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:orientation="vertical">

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:layout_marginTop="5dp"
                android:gravity="center"
                android:text="@string/teamA"
                android:textSize="15sp" />

            <TextView
                android:id="@+id/points_teamA"
                android:layout_width="match_parent"
                android:layout_height="150dp"
                android:gravity="center"
                android:text="0"
                android:textColor="#000000"
                android:textSize="100sp" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="vertical">

                <Button
                    android:id="@+id/teamA_3"
                    android:layout_marginTop="3dp"
                    android:layout_marginLeft="6dp"
                    android:layout_marginRight="5dp"
                    android:layout_marginBottom="6dp"
                    android:layout_width="match_parent"
                    android:layout_height="0dp"
                    android:layout_weight="1"
                    android:text="@string/three_points"
                    android:textSize="20sp"
                    android:background="#FF6F00"
                    android:textColor="#000000"/>

                <Button
                    android:id="@+id/teamA_2"
                    android:layout_width="match_parent"
                    android:layout_height="0dp"
                    android:layout_marginBottom="6dp"
                    android:layout_marginLeft="6dp"
                    android:layout_marginRight="5dp"
                    android:layout_marginTop="3dp"
                    android:layout_weight="1"
                    android:background="#FF6F00"
                    android:text="@string/two_points"
                    android:textColor="#000000"
                    android:textSize="20sp" />

                <Button
                    android:id="@+id/teamA_free"
                    android:layout_width="match_parent"
                    android:layout_height="0dp"
                    android:layout_marginBottom="3dp"
                    android:layout_marginLeft="6dp"
                    android:layout_marginRight="5dp"
                    android:layout_marginTop="3dp"
                    android:layout_weight="1"
                    android:background="#FF6F00"
                    android:text="@string/free_throw"
                    android:textColor="#000000"
                    android:textSize="20sp" />


            </LinearLayout>
        </LinearLayout>


        //中间的分割线
        <LinearLayout
            android:layout_width="1dp"
            android:layout_height="match_parent"
            android:background="#9e9e9e">
        </LinearLayout>



        //team B的布局
        <LinearLayout
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"
            android:orientation="vertical">

            <TextView
                android:layout_marginTop="5dp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:layout_gravity="center"
                android:textSize="15sp"
                android:text="@string/teamB"/>

            <TextView
                android:id="@+id/points_teamB"
                android:layout_width="match_parent"
                android:layout_height="150dp"
                android:text="0"
                android:textColor="#000000"
                android:textSize="100sp"
                android:gravity="center"
                />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="vertical"
                >


                <Button
                    android:id="@+id/teamB_3"
                    android:layout_marginTop="3dp"
                    android:layout_marginLeft="5dp"
                    android:layout_marginRight="6dp"
                    android:layout_marginBottom="6dp"
                    android:layout_width="match_parent"
                    android:layout_height="0dp"
                    android:layout_weight="1"
                    android:text="@string/three_points"
                    android:textSize="20sp"
                    android:background="#FF6F00"
                    android:textColor="#000000"/>

                <Button
                    android:id="@+id/teamB_2"
                    android:layout_width="match_parent"
                    android:layout_height="0dp"
                    android:layout_marginBottom="6dp"
                    android:layout_marginLeft="5dp"
                    android:layout_marginRight="6dp"
                    android:layout_marginTop="3dp"
                    android:layout_weight="1"
                    android:background="#FF6F00"
                    android:text="@string/two_points"
                    android:textColor="#000000"
                    android:textSize="20sp" />

                <Button
                    android:id="@+id/teamB_free"
                    android:layout_width="match_parent"
                    android:layout_height="0dp"
                    android:layout_marginBottom="3dp"
                    android:layout_marginLeft="5dp"
                    android:layout_marginRight="6dp"
                    android:layout_marginTop="3dp"
                    android:layout_weight="1"
                    android:background="#FF6F00"
                    android:text="@string/free_throw"
                    android:textColor="#000000"
                    android:textSize="20sp" />


            </LinearLayout>

        </LinearLayout>


    </LinearLayout>


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:gravity="center"
        android:layout_gravity="center"
        android:layout_weight="1">
        //这里定义一个按钮控价显示在下半个区域的正中间，名字是Reset
        <Button
            android:id="@+id/btn_reset"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="#FF6F00"
            android:text="@string/btn_reset"
            android:textAllCaps="false"
            android:textSize="20sp" />

    </LinearLayout>


</LinearLayout>



MainActivity.java中的源代码：

package com.example.aaron_gan.baskteballpints;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;


public class MainActivity extends AppCompatActivity {
    //两队的分数
    private int pointsA = 0;
    private int pointsB = 0;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //七个按钮的声明
        Button reset = (Button) findViewById(R.id.btn_reset);
        Button a3 = (Button) findViewById(R.id.teamA_3);
        Button a2 = (Button) findViewById(R.id.teamA_2);
        Button afree = (Button) findViewById(R.id.teamA_free);
        Button b3 = (Button) findViewById(R.id.teamB_3);
        Button b2 = (Button) findViewById(R.id.teamB_2);
        Button bfree = (Button) findViewById(R.id.teamB_free);

        final TextView points_teamA = (TextView) findViewById(R.id.points_teamA);
        final TextView points_teamB = (TextView) findViewById(R.id.points_teamB);

	//reset
        reset.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                pointsA = 0;
                pointsB = 0;
                points_teamA.setText(String.valueOf(pointsA));
                points_teamB.setText(String.valueOf(pointsB));
            }
        });
        //team A 的三分
        a3.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                pointsA = pointsA+3;
                points_teamA.setText(String.valueOf(pointsA));
            }
        });
        //team A 的两分
        a2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                pointsA = pointsA+2;
                points_teamA.setText(String.valueOf(pointsA));
            }
        });
        //team A 的罚球
        afree.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                pointsA = pointsA+1;
                points_teamA.setText(String.valueOf(pointsA));
            }
        });
        //team B 的三分
        b3.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                pointsB = pointsB+3;
                points_teamB.setText(String.valueOf(pointsB));
            }
        });
        //team B 的两分
        b2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                pointsB = pointsB+2;
                points_teamB.setText(String.valueOf(pointsB));
            }
        });
        //team B 的罚球
        bfree.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                pointsB = pointsB+1;
                points_teamB.setText(String.valueOf(pointsB));
            }
        });
    }
}

*****这里有一个值得注意的方法是String.valueOf()，目的就是为了把算数运算得到的分数转化为String类型顺利的通过setText方法输出

*****最初在百度上搜到过一个方法直接可以在运算的同时将运算的数字输入进TextView中，但貌似并不能用，所以如果有幸能够被知道的大神看到这个问题，万分感谢您的不吝赐教

*****最后再贴一个完成品的链接吧，有兴趣的同伴可以下载下来看一看，谢谢Basketball_Points百度云链接

qq_36764994
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
android 篮球比赛计分器
04-02
篮球计时器的源码，其中有每节比赛时间设定，两队队员信息输入，两队分数设置，抢断，助攻，范规数量对比，可查询两队队员信息
计分器项目源代码.rar
04-06
计分器项目的软件与硬件代码的源文件，配合我所写文章以及打包软件使用更佳，使用说明还在编写中……内容为android app的开发平台源文件，计算机软件python代码，arduino nano开发板代码和掌控板代码，以及半成的使用说明，其中还有一个半成品为计算器软件python代码的拆解引用但为了审核通过包中不含这些半成品文件。有文件错误和个人信息泄露的话还请联系
APK开发示例---比赛简易计分器
隔壁老王的博客
11-19 781
　　最近学习Android程序开发。突发奇想，琢磨了一下自身的定位：我应该是会Android开发的人里打羽毛球比较好的，会打羽毛球人里Android程序写得比较好的。 　　比赛时，有时候记分不太方便，就自己边学边做，写了个极简单的“比赛简易计分器”程序。没有什么难度，把代码贴一下，大家自己看。 一、效果图 [align=center] [img]http://dl2.iteye.com...
Android简易计分器
lkai312的博客
04-06 1364
@目录 一整套的简易计分器 Android端地址 掌控板端 Arduino Nano端 视频…… 电脑端 只要python3.8支持的计算机都能用 咳咳，图片有限使用 创作故事 来源于乒乓球…… 经常和家里的小伙打打球， 来，好好打 latter…… 几比几了？或者 轮到谁发球了？ 于是网络上搜索了一波，并没有我想要的计分器 于是自己做一个（然后没想到做起了一套） python创作 本计划用p...
安卓初体验一：做一个简易计分器
Blank
07-26 2825
安卓初体验一：做一个简易计分器
安卓APP逆向百集完整版-视频教程网盘链接提取码下载 .txt
03-01
Android逆向这玩意在日常工作中用的比较少，但是作为一个Android开发者，还是要学会的，比如我们可以PJ反编译别人的APP，然后进行学习分析，甚至还可以反编译后进行修改再次打包等等，总之，广阔天地，大有作为！...
JavaScript开发入门视频课程-视频教程网盘链接提取码下载.txt
10-04
本课程由浅入深，从六部分讲解JavaScript开发入门基础知识，内容包Chrome开发者工具和JavaScript的基本语法以及标准库、DOM、浏览器环境以及扩展知识。每一部分内容都包含基本原理讲解和操作演示，最后附带练习题。...
蚂蚁开发者工具 v1.5.10官方版
11-14
蚂蚁开发者工具也就是支付宝小程序开发工具，支付宝小程序是一种全新的开放模式，它可以被便捷地获取和传播，为终端用户提供更优的用户体验，支付宝小程序开发工具主要面向的
Android笔记之:App应用之发布各广告平台版本的详解
01-21
1. 基础本文其实是针对《Android笔记之:App模块化及工程扩展的应用》和《Android笔记之:App自动化之使用Ant编译项目多渠道打包的使用详解》的一个扩展和应用场景。所以当然也需要这两篇文章的基础：(1). Andr
火狐浏览器开发者版.rar
08-14
火狐浏览器开发者版
篮球计分器
06-08
代码资源 篮球计时计分器
记分牌(FlipViewController)
01-06
这是使用FlipViewController写的一个记分牌，立体的翻转，上下反转，介绍：http://blog.csdn.net/forwardyzk/article/details/42462407
安卓计算器源代码
01-07
一款源于安卓的计算器，能实现各种计算功能 ，代码清晰
Android计算器完整版源代码
05-31
Android计算器完整版源代码
安卓计算器（源代码+报告）
01-07
一份完整的安卓计算器报告，内含完整的计算器源代码和详细的讲解内容。适用于新手参考开发。
计分器
03-19
一个sound.wav文件 博文链接：https://xmind.iteye.com/blog/704660
StudyJams_L2篮球计分APP源码
03-12
Google Study Jams论坛Android学习活动，L2课程的APP实践源码。有需要的学友可以自行下载。
Android入门小程序--篮球计分器
04-04
这是一个入门级别的安卓小程序，主要功能是进行篮球分数计数功能，可以置零和撤销功能，还是很有帮助的！这都是源码，能让你学的很多的知识，是很有帮助的。描述字数够了吗
android studio视频app
最新发布
03-06
2. 设计用户界面：使用Android Studio提供的布局编辑器，设计视频App的用户界面。你可以添加各种UI元素，如按钮、列表、播放器等。 3. 处理视频数据：通过使用Android提供的媒体库或第三方库，你可以处理视频数据，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值