タスク管理アプリ②
初期画面
入力画面
表示画面
[
機能
- 初期画面 → ボタンで入力画面OR表示画面に遷移
- 入力画面 → タスク・日付・AM/PMを入力 → ボタンで初期画面に戻る
- 表示画面 → タスクを表示 → ボタンで初期画面に戻る
ポイント
- getIntent()はonCreateの中で呼び出さないとエラーになる
- カレンダーを開くEditTextでは android:focusable = "false" を設定して、キーボードを表示しないようにする
必要なファイル
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.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(); } }); } }