タスク管理アプリ③

初期画面

入力画面

表示画面

機能

• 初期画面 → ボタンクリックで入力画面/表示画面に遷移
• 入力画面 → ボタンクリックでデータの追加・初期画面に遷移
• 表示画面 → ボタンクリックで初期画面に遷移

ポイント

• Calendar.getInstance(); はminSdk >= 24 が必要
• minSdkは build.gradle(Module:app)で編集
• Ctrl+Pでメソッドのパラメターを表示してくれる
• AndroidManifestの以下のコードを切り貼りすることで、最初に起動する画面を変えられる → 画面遷移のとき、単体でテストできる

            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>/>

• layout_widthを%で指定 → LinearLayoutのlayout_weightで設定 例:30%→.30
• LinearLayoutの要素の配置 → gravityで指定

必要なファイル

activity_main.xml

<?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.mytask2.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="My Tasks"
        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.mytask2;

import android.content.ContentValues;
import android.content.Intent;
import android.database.Cursor;
import android.database.sqlite.SQLiteDatabase;
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;

    @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);

        //addBtnのクリック処理
        addBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //Intentの生成
                Intent intent = new Intent(getApplication(), AddActivity.class);
                startActivity(intent);
            }
        });

        //showBtnのクリック処理
        showBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //Intentの生成
                Intent intent = new Intent(getApplication(), ShowActivity.class);
                startActivity(intent);
            }
        });
    }
}

add_activity.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="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/textView2"
        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/textView4"
        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/textView4"
        android:layout_marginTop="10dp"
        android:spinnerMode="dialog" />

    <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.mytask2;

import android.app.DatePickerDialog;
import android.content.ContentValues;
import android.content.Intent;
import android.database.sqlite.SQLiteDatabase;
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.Toast;

import java.util.Date;

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

public class AddActivity extends AppCompatActivity {

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

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

    //Intent変数
    Intent intent = new Intent();

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

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

        //部品の取得
        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);

        //create database
        MyDBHelper helper = new MyDBHelper(this);
        final SQLiteDatabase db = helper.getWritableDatabase();

        //日付の取得
        addDate.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //Calendarインスタンスを取得
                Calendar cal = Calendar.getInstance();
                //DatePickerDialogインスタンスを取得
                DatePickerDialog dpd = 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)
                );
                //dialogの表示
                dpd.show();
            }
        });

        //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);

        //Spinnerにリスナーをset
        spinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
            @Override
            public void onItemSelected(AdapterView<?> parent, View view, int position, long id) {
                String item = (String)parent.getSelectedItem();
                //データを取得
                time = item;
            }

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

        //okBtnのクリック処理
        okBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //データを取得
                task = addTask.getText().toString();
                date = addDate.getText().toString();
                //insert into table
                ContentValues val = new ContentValues();
                val.put("task_col", task);
                val.put("date_col", date);
                val.put("time_col", time);
                db.insert("default_tb", null, val);
                //Toast表示
                Toast.makeText(AddActivity.this, "added task: "+task+" "+date+" "+time, Toast.LENGTH_SHORT)
                .show();
                //activityの終了
                finish();
            }
        });

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

show_activity.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">

    <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" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal"
        android:layout_above="@+id/backBtn">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight=".30"
            android:gravity="center_horizontal"
            android:orientation="vertical">

            <TextView
                android:id="@+id/textView12"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="TASK"
                android:textAppearance="@android:style/TextAppearance.Material.Medium" />

            <TextView
                android:id="@+id/showTask"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight=".30"
            android:gravity="center_horizontal"
            android:orientation="vertical">

            <TextView
                android:id="@+id/textView13"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="DATE"
                android:textAppearance="@android:style/TextAppearance.Material.Medium" />

            <TextView
                android:id="@+id/showDate"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp" />
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_alignParentStart="true"
            android:layout_alignParentTop="true"
            android:layout_weight=".30"
            android:gravity="center_horizontal"
            android:orientation="vertical">

            <TextView
                android:id="@+id/textView11"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="AM/PM"
                android:textAppearance="@android:style/TextAppearance.Material.Medium" />

            <TextView
                android:id="@+id/showTime"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp" />

        </LinearLayout>
    </LinearLayout>

</RelativeLayout>

ShowActivity.java

package com.example.orisa.mytask2;

import android.content.ContentValues;
import android.content.Intent;
import android.database.Cursor;
import android.database.sqlite.SQLiteDatabase;
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 {
    //部品の変数
    Button backBtn;
    TextView showTask, showDate, showTime;

    //Intent変数
    Intent intent;

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

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

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

        //データベースの作成
        MyDBHelper helper = new MyDBHelper(this);
        SQLiteDatabase db = helper.getReadableDatabase();

        //データベースの読み出し
        Cursor c = db.query("default_tb", new String[]{"task_col", "date_col", "time_col"},
                null, null, null, null, null);
        boolean isEoF = c.moveToFirst();
        while(isEoF){
            task = c.getString(0);
            date = c.getString(1);
            time = c.getString(2);
            showTask.append(task+"\n");
            showDate.append(date+"\n");
            showTime.append(time+"\n");
            isEoF = c.moveToNext();
        }
        c.close();

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

    }
}

MyDBHelper.java

package com.example.orisa.mytask2;

import android.content.Context;
import android.database.sqlite.SQLiteDatabase;
import android.database.sqlite.SQLiteOpenHelper;

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

public class MyDBHelper extends SQLiteOpenHelper {

    public MyDBHelper(Context context){
        super(context, "task_db", null, 1);
    }
    @Override
    public void onCreate(SQLiteDatabase db) {
        //create table
        db.execSQL("CREATE TABLE default_tb(task_col TEXT, date_col TEXT, time_col TEXT);");
    }

    @Override
    public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {
    }
}

参考サイト

SQLite

http://www.sakc.jp/blog/archives/21645

DatePickerDialog

goodroid.info