Androidアプリ開発メモ

プログラミング初心者がAndroidのアプリを作るよ!主に自分用の忘備録です

タスク管理アプリ②

初期画面
f:id:olee46:20170607080554j:plain:h300

入力画面
f:id:olee46:20170607080557j:plain:h300
f:id:olee46:20170607080601j:plain:h300

表示画面
[f:id:olee46:20170607080606j:plain:h300

機能

  • 初期画面 → ボタンで入力画面OR表示画面に遷移
  • 入力画面 → タスク・日付・AM/PMを入力 → ボタンで初期画面に戻る
  • 表示画面 → タスクを表示 → ボタンで初期画面に戻る

ポイント

  • getIntent()はonCreateの中で呼び出さないとエラーになる
  • カレンダーを開くEditTextでは android:focusable = "false" を設定して、キーボードを表示しないようにする

必要なファイル

activity_main.xml

f:id:olee46:20170607080610j:plain:h300

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:layout_margin="10dp"
    tools:context="com.example.orisa.mytask1.MainActivity">

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:text="Your Task"
        android:textAppearance="@android:style/TextAppearance.Material.Medium"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/addBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/textView"
        android:layout_marginStart="30dp"
        android:layout_marginTop="80dp"
        android:text="add" />

    <Button
        android:id="@+id/showBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentEnd="true"
        android:layout_below="@+id/textView"
        android:layout_marginEnd="30dp"
        android:layout_marginTop="80dp"
        android:text="show" />

</RelativeLayout>

MainActivity.java

package com.example.orisa.mytask1;

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    //部品
    Button addBtn, showBtn;

    //constants
    private static final int REQUEST_CODE = 1;

    //データを入れる用の変数
    String task = "empty task";
    String date = "empty date";
    String time = "empty time";

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

        //部品の取得
        addBtn = (Button)findViewById(R.id.addBtn);
        showBtn = (Button)findViewById(R.id.showBtn);

        //ADDボタンのクリック処理
        addBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //intentインスタンスの生成
                Intent intent = new Intent(getApplication(), AddActivity.class);
                //activityの開始
                startActivityForResult(intent, REQUEST_CODE);
            }
        });

        //SHOWボタンのクリック処理
        showBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //intentインスタンスの生成
                Intent intent = new Intent(getApplication(), ShowActivity.class);
                //intentにデータを入れる
                intent.putExtra("TASK", task);
                intent.putExtra("DATE", date);
                intent.putExtra("TIME", time);
                //activityの開始
                startActivity(intent);
            }
        });
    }

    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent data) {
        switch (requestCode){
            case(REQUEST_CODE):
                if(resultCode == RESULT_OK){
                    //データの取得
                    task = data.getStringExtra("TASK");
                    date = data.getStringExtra("DATE");
                    time = data.getStringExtra("TIME");
                    Toast.makeText(MainActivity.this, task+" "+date+" "+time, Toast.LENGTH_SHORT).show();
                }
                else if(resultCode == RESULT_CANCELED){
                    //dummy
                }
                break;
            default:
                break;
        }
    }
}

activity_add.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="10dp">

    <TextView
        android:id="@+id/textView5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:text="ENTER TASK" />

    <EditText
        android:id="@+id/addTask"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/textView5"
        android:layout_marginTop="10dp"
        android:ems="10"
        android:inputType="text" />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/addTask"
        android:layout_marginTop="30dp"
        android:text="ENTER DATE" />

    <EditText
        android:id="@+id/addDate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/textView3"
        android:layout_marginTop="10dp"
        android:ems="10"
        android:inputType="date"
        android:focusable="false" />

    <TextView
        android:id="@+id/textView6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/addDate"
        android:layout_marginTop="30dp"
        android:text="ENTER AM/PM" />

    <Spinner
        android:id="@+id/spinner"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/textView6"
        android:layout_marginTop="10dp" />

    <Button
        android:id="@+id/okBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentStart="true"
        android:layout_marginStart="30dp"
        android:text="ok" />

    <Button
        android:id="@+id/cancelBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentEnd="true"
        android:layout_marginEnd="30dp"
        android:text="cancel" />

</RelativeLayout>

AddActivity.java

package com.example.orisa.mytask1;

import android.app.DatePickerDialog;
import android.content.Intent;
import android.icu.util.Calendar;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.DatePicker;
import android.widget.EditText;
import android.widget.Spinner;
import android.widget.TextView;

/**
 * Created by orisa on 2017/06/07.
 */

public class AddActivity extends AppCompatActivity {

    //部品の変数
    EditText addTask, addDate;
    Spinner spinner;
    Button okBtn, cancelBtn;

    //intent用の変数
    Intent intent = new Intent();
    String task, date, time;

    //spinner用の変数
    String[] items = {"AM", "PM"};

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

        //部品の取得
        addTask = (EditText) findViewById(R.id.addTask);
        addDate = (EditText) findViewById(R.id.addDate);
        spinner = (Spinner)findViewById(R.id.spinner);
        okBtn = (Button)findViewById(R.id.okBtn);
        cancelBtn = (Button)findViewById(R.id.cancelBtn);

        //Spinnerの設定
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(AddActivity.this, android.R.layout.simple_spinner_dropdown_item,
                items);
        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);
        spinner.setAdapter(adapter);

        //addDateのクリック処理
        addDate.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //Calendarインスタンスを取得
                Calendar cal = Calendar.getInstance();

                //DatePickerDialogインスタンスを取得
                DatePickerDialog datePickerDialog = new DatePickerDialog(
                        AddActivity.this,
                        new DatePickerDialog.OnDateSetListener() {
                            @Override
                            public void onDateSet(DatePicker view, int year, int month, int dayOfMonth) {
                                //setした日付を取得
                                addDate.setText(String.format("%d/%02d/%02d", year, month+1, dayOfMonth));
                            }
                        },
                        cal.get(Calendar.YEAR), cal.get(Calendar.MONTH), cal.get(Calendar.DAY_OF_MONTH)
                );

                //ダイアログの表示
                datePickerDialog.show();
            }
        });

        //リスナーの登録
        spinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
            @Override
            public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
                //アイテムの取得
                String str = (String)parent.getSelectedItem();
                //データを入れる
                time = str;
            }

            @Override
            public void onNothingSelected(AdapterView<?> parent) {
                //dummy
            }
        });

        //okBtnのクリック処理
        okBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //データの取得
                task = addTask.getText().toString();
                date = addDate.getText().toString();
                //intentにデータを入れる
                intent.putExtra("TASK", task);
                intent.putExtra("DATE", date);
                intent.putExtra("TIME", time);
                //resultcodeの設定
                setResult(RESULT_OK, intent);
                //activityの終了
                finish();
            }
        });

        //cancelBtnのクリック処理
        cancelBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //resultcodeを設定
                setResult(RESULT_CANCELED, intent);
                //activityの終了
                finish();
            }
        });
    }
}

activity_show.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="10dp">

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true"
        android:text="TASK" />

    <TextView
        android:id="@+id/showTask"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/textView2"
        android:layout_marginTop="10dp"
        android:textAppearance="@android:style/TextAppearance.Material.Medium" />

    <TextView
        android:id="@+id/textView8"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/showTask"
        android:layout_marginTop="30dp"
        android:text="DATE" />

    <TextView
        android:id="@+id/showDate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/textView8"
        android:layout_marginTop="10dp"
        android:textAppearance="@android:style/TextAppearance.Material.Medium" />

    <TextView
        android:id="@+id/textView10"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/showDate"
        android:layout_marginTop="30dp"
        android:text="AM/PM" />

    <TextView
        android:id="@+id/showTime"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/textView10"
        android:layout_marginTop="10dp"
        android:textAppearance="@android:style/TextAppearance.Material.Medium" />

    <Button
        android:id="@+id/backBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:text="back" />
</RelativeLayout>

ShowActivity.java

package com.example.orisa.mytask1;

import android.content.Intent;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

/**
 * Created by orisa on 2017/06/07.
 */

public class ShowActivity extends AppCompatActivity {

    //部品の変数
    TextView showTask, showDate, showTime;
    Button backBtn;

    //データを入れる変数
    String task, date, time;

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

        //部品の取得
        showTask = (TextView)findViewById(R.id.showTask);
        showDate = (TextView)findViewById(R.id.showDate);
        showTime = (TextView)findViewById(R.id.showTime);
        backBtn = (Button)findViewById(R.id.backBtn);

        //intentの取得
        Intent intent = getIntent();

        //データの取得
        task = intent.getStringExtra("TASK");
        date = intent.getStringExtra("DATE");
        time = intent.getStringExtra("TIME");

        //データの表示
        showTask.setText(task);
        showDate.setText(date);
        showTime.setText(time);

        //backBtnクリック時の処理
        backBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //activityの終了
                finish();
            }
        });
    }
}