Android UI项目二

今天完成的任务

目标是创建一款计分器应用，使用户能够记录两支不同球队之间的比赛得分
git把项目提交到GitHub

1.作品展示

2017-03-08_115307.png

2.需要掌握的知识

向应用中添加按钮代码，设置点击事件
更新视图
正确设定变量范围
通过 ID 查找视图

3.知识详解

1.页面布局思路：采用相对布局和线性布局的混合使用；最外层是RelativeLayout ，包含了1个LinearLayout布局和1个reset按钮，其中这个线性布局中包含了2个等分的LinearLayout，然后每个小的LinearLayout中都有2个TextView和3个Button。

2.对于线性布局中的等划分理解需要用到`layout_weight`属性，是指剩余空间的平均分配，参考如下：LinearLayout布局中Layout_weight的深刻理解

3.设置button点击事件，这里是在XML中button加一个onclick属性，然后在Java代码中直接使用触发事件，先初始化两队分数为0，然后获取scoreTextView 的id,点击后进行加分数，然后显示分数即可

4.git提交命令:

1.使用git bash创建一个文件夹cd g:
2.初始化代码仓库 git init
3.添加一个文件到仓库的缓存区（从工作目录添加到缓存区）git add filename
4.将添加的文件从缓存区提交到HEADgit commit -m "代码提交信息"
5.将本地代码仓库中代码push到gitHub上
git remote add origin git@github.com:ganwenkai/scoreCounter.git
How to use git
从0开始学习 GITHUB 系列之「向GITHUB 提交代码」

5.项目代码

xml布局：
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.kevin.scorecount.MainActivity">

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal">
        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:orientation="vertical">
            <TextView
                android:id="@+id/teamA"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center_horizontal"
                android:padding="8dp"
                android:textSize="16sp"
                android:textColor="#616161"
                android:fontFamily="sans-serif-medium"
                android:text="公牛队" />
            <TextView
                android:id="@+id/teamA_score"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center_horizontal"
                android:padding="8dp"
                android:textSize="56sp"
                android:textColor="#000000"
                android:text="0"/>
            <Button
                android:id="@+id/AddTeamA3"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:onClick="teamAThreePoint"
                android:layout_marginLeft="24dp"
                android:layout_marginTop="24dp"
                android:layout_marginRight="24dp"
                android:layout_marginBottom="8dp"
                android:text="+3 points"/>
            <Button
                android:id="@+id/AddTeamA2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:onClick="teamATwoPoint"
                android:layout_marginLeft="24dp"
                android:layout_marginTop="24dp"
                android:layout_marginRight="24dp"
                android:layout_marginBottom="8dp"
                android:text="+2 points"/>
            <Button
                android:id="@+id/AddTeamA1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:onClick="teamAOnePoint"
                android:layout_marginLeft="24dp"
                android:layout_marginTop="24dp"
                android:layout_marginRight="24dp"
                android:layout_marginBottom="8dp"
                android:text="Free throw"/>
        </LinearLayout>
        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:orientation="vertical">
            <TextView
                android:id="@+id/teamB"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center_horizontal"
                android:padding="8dp"
                android:textSize="16sp"
                android:textColor="#616161"
                android:fontFamily="sans-serif-medium"
                android:text="湖人队" />
            <TextView
                android:id="@+id/teamB_score"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center_horizontal"
                android:padding="8dp"
                android:textSize="56sp"
                android:textColor="#000000"
                android:text="0"/>
            <Button
                android:id="@+id/AddTeamB3"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:onClick="teamBThreePoint"
                android:layout_marginLeft="24dp"
                android:layout_marginTop="24dp"
                android:layout_marginRight="24dp"
                android:layout_marginBottom="8dp"
                android:text="+3 points"/>
            <Button
                android:id="@+id/AddTeamB2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:onClick="teamBTwoPoint"
                android:layout_marginLeft="24dp"
                android:layout_marginTop="24dp"
                android:layout_marginRight="24dp"
                android:layout_marginBottom="8dp"
                android:text="+2 points"/>
            <Button
                android:id="@+id/AddTeamB1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:onClick="teamBOnePoint"
                android:layout_marginLeft="24dp"
                android:layout_marginTop="24dp"
                android:layout_marginRight="24dp"
                android:layout_marginBottom="8dp"
                android:text="Free throw"/>
        </LinearLayout>
    </LinearLayout>
    <Button
        android:id="@+id/reset"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="32dp"
        android:onClick="reset"
        android:text="Reset"/>
</RelativeLayout>

Java代码：
public class MainActivity extends AppCompatActivity {
    //初始化AB两队的得分
    int scoreTeamA = 0;
    int scoreTeamB = 0;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        displayForTeamA(scoreTeamA);
        displayForTeamB(scoreTeamB);
    }
    //进行A队的加分情况先展示后逻辑处理
    public void displayForTeamA(int score){
        TextView teamAScore = (TextView)findViewById(R.id.teamA_score);
        teamAScore.setText(String.valueOf(score));
    }
    //进行对A队的加3分
    public void teamAThreePoint(View view){
        scoreTeamA +=3;
        displayForTeamA(scoreTeamA);

    }
    //对A队加2分
    public void teamATwoPoint(View view){
        scoreTeamA +=2;
        displayForTeamA(scoreTeamA);
    }
    //对A队加1分
    public void teamAOnePoint(View view){
        scoreTeamA +=1;
        displayForTeamA(scoreTeamA);
    }


    //进行B队的加分情况先展示后逻辑处理
    public void displayForTeamB(int score){
        TextView teamAScore = (TextView)findViewById(R.id.teamB_score);
        teamAScore.setText(String.valueOf(score));
    }
    //进行对B队的加3分
    public void teamBThreePoint(View view){
        scoreTeamB +=3;
        displayForTeamB(scoreTeamB);

    }
    //对B队加2分
    public void teamBTwoPoint(View view){
        scoreTeamB +=2;
        displayForTeamB(scoreTeamB);
    }
    //对B队加1分
    public void teamBOnePoint(View view){
        scoreTeamB +=1;
        displayForTeamB(scoreTeamB);
    }

    //进行对所有的结果重置
    public void reset(View view){
        displayForTeamA(0);
        displayForTeamB(0);
        scoreTeamA = 0;
        scoreTeamB = 0;

    }

}

4.反思总结

学习过程中不需要过于去搜索和找各种资源，好像自己找到这些东西就是自己的了，浪费了不少时间，先试试看哪里不会再对比下效率高些。
对于常见的git切换命令不熟悉，刚开始吧，得加强加强。
注意自己的黄金高效学习时间，一般觉得早上那2小时很几种，看看自己哪个时间段适合做什么事，感觉最近要废了，好久都木有运动啦。（PS:在真人图书馆遇到的那个分享故事的妹纸没有勇敢的加她微信，好后悔哎呀！）