タスク管理アプリ ver1
初期画面
入力画面
機能
- 初期画面: +ボタンを押す → 入力画面に遷移
- 初期画面: 日付を選択 → その日付のタスクを表示
ポイント
- SQLiteOpenHelperを継承したクラスで、データベースの名前を指定する!
→ SQLiteDataBaseのインスタンス生成時に毎回あたらしいデータベースが作られてしまう
- ViewGroup.removeAllViews()でレイアウトの子要素を全消去できる
必要なファイル
AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.orisa.mytask3"> <application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:roundIcon="@mipmap/ic_launcher_round" android:supportsRtl="true" android:theme="@style/AppTheme"> <activity android:name=".MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> <activity android:name=".AddActivity" android:label="@string/app_name"> </activity> </application> </manifest>
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.mytask3.MainActivity"> <TextView android:id="@+id/showDate" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:textAppearance="@android:style/TextAppearance.Material.Large" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="parent" app:layout_constraintVertical_bias="0.502" tools:layout_editor_absoluteX="157dp" tools:layout_editor_absoluteY="248dp" /> <TextView android:id="@+id/prevBtn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_marginRight="30dp" android:layout_toStartOf="@+id/showDate" android:text="←" android:textAppearance="@android:style/TextAppearance.Material.Large" /> <TextView android:id="@+id/nextBtn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignBottom="@+id/showDate" android:layout_marginLeft="30dp" android:layout_toEndOf="@+id/showDate" android:text="→" android:textAppearance="@android:style/TextAppearance.Material.Large" /> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:layout_alignParentStart="true" android:layout_below="@+id/prevBtn" android:layout_marginTop="20dp" android:orientation="vertical"> <TextView android:id="@+id/textView4" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="AM" android:textAppearance="@android:style/TextAppearance.Material.Medium" /> <LinearLayout android:id="@+id/amLayout" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight=".50" android:orientation="vertical"> </LinearLayout> <TextView android:id="@+id/textView5" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="PM" android:textAppearance="@android:style/TextAppearance.Material.Medium" /> <LinearLayout android:id="@+id/pmLayout" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight=".5" android:orientation="vertical"> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <android.support.design.widget.FloatingActionButton android:id="@+id/fab" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentStart="true" android:layout_alignParentTop="true" android:layout_gravity="end" android:layout_marginBottom="10dp" android:layout_weight=".50" android:clickable="true" app:fabSize="normal" app:srcCompat="@drawable/ic_add" /> </LinearLayout> </LinearLayout> </RelativeLayout>
MainActivity.java
package com.example.orisa.mytask3; import android.app.DatePickerDialog; import android.content.ContentValues; import android.content.Intent; import android.database.Cursor; import android.database.sqlite.SQLiteDatabase; import android.icu.util.Calendar; import android.support.design.widget.FloatingActionButton; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.CheckBox; import android.widget.DatePicker; import android.widget.LinearLayout; import android.widget.TextView; import android.widget.Toast; import org.w3c.dom.Text; public class MainActivity extends AppCompatActivity { //部品の変数 TextView showDate, prevBtn, nextBtn; LinearLayout amLayout, pmLayout; FloatingActionButton fab; //日付を格納する変数 String today_str; Calendar today_cal; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //部品の取得 showDate = (TextView)findViewById(R.id.showDate); prevBtn = (TextView) findViewById(R.id.prevBtn); nextBtn = (TextView) findViewById(R.id.nextBtn); amLayout = (LinearLayout)findViewById(R.id.amLayout); pmLayout = (LinearLayout)findViewById(R.id.pmLayout); fab = (FloatingActionButton)findViewById(R.id.fab); //日付表示欄にリスナーを登録 showDate.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //Calendarインスタンスの取得 Calendar cal = Calendar.getInstance(); //DatePickerDialogインスタンスの生成 DatePickerDialog dialog = new DatePickerDialog(MainActivity.this, new DatePickerDialog.OnDateSetListener() { @Override public void onDateSet(DatePicker view, int year, int month, int dayOfMonth) { //日付を取得 today_str = String.format("%d/%02d/%02d", year, month+1, dayOfMonth); today_cal.set(year, month, dayOfMonth); //日付を表示 showDate.setText(today_str); //データベースを表示 showDB(); } }, cal.get(Calendar.YEAR), cal.get(Calendar.MONTH), cal.get(Calendar.DAY_OF_MONTH)); //DatePickerDialogの表示 dialog.show(); } }); //矢印ボタンにリスナーを設定 prevBtn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //Calendar変数を前日に設定する today_cal.add(Calendar.DAY_OF_MONTH, -1); today_str = calToStr(today_cal); //日付を表示 showDate.setText(today_str); //データベースを表示 showDB(); } }); nextBtn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //Calendar変数を翌日に設定する today_cal.add(Calendar.DAY_OF_MONTH, 1); today_str = calToStr(today_cal); //日付を表示 showDate.setText(today_str); //データベースを表示 showDB(); } }); //FloatingActionButtonにリスナーを登録 fab.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //Intentインスタンスの生成 Intent intent = new Intent(getApplication(), AddActivity.class); //activityの開始 startActivity(intent); } }); } @Override protected void onResume() { super.onResume(); //今日の日付を取得 today_cal = Calendar.getInstance(); today_str = calToStr(today_cal); //日付を表示 showDate.setText(today_str); //データベースを表示 showDB(); } //CalendarからStringに変換するメソッド protected String calToStr(Calendar cal){ String str = String.format("%d/%02d/%02d", cal.get(Calendar.YEAR), cal.get(Calendar.MONTH)+1, cal.get(Calendar.DAY_OF_MONTH)); return str; } //データベースを表示するメソッド protected void showDB(){ //データベースの取得 MyDBHelper helper = new MyDBHelper(MainActivity.this); SQLiteDatabase db = helper.getWritableDatabase(); //表示のクリア amLayout.removeAllViews(); pmLayout.removeAllViews(); //検索して表示 Cursor c = db.query("default_tb", new String[]{"task_col"}, "date_col =? AND time_col =?", new String[] {today_str, "AM"}, null, null, null); boolean bool = c.moveToFirst(); while(bool){ CheckBox cb = new CheckBox(MainActivity.this); cb.setText(c.getString(0)); amLayout.addView(cb); bool = c.moveToNext(); } c.close(); c = db.query("default_tb", new String[]{"task_col"}, "date_col =? AND time_col =?", new String[] {today_str, "PM"}, null, null, null); bool = c.moveToFirst(); while(bool){ CheckBox cb = new CheckBox(MainActivity.this); cb.setText(c.getString(0)); pmLayout.addView(cb); bool = c.moveToNext(); } c.close(); } }
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/textView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentStart="true" android:layout_alignParentTop="true" android:text="YOUR TASK" /> <EditText android:id="@+id/addTask" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentStart="true" android:layout_below="@+id/textView" android:layout_marginTop="10dp" android:ems="10" android:inputType="text" /> <TextView android:id="@+id/textView6" 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="DATE" /> <EditText android:id="@+id/addDate" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentStart="true" android:layout_below="@+id/textView6" android:layout_marginTop="10dp" android:ems="10" android:focusable="false" android:inputType="date" /> <TextView android:id="@+id/textView7" 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="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/textView7" android:layout_marginTop="10dp" android:spinnerMode="dialog" /> <LinearLayout android:id="@+id/layout" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_above="@+id/okBtn" android:layout_alignParentStart="true" android:layout_below="@+id/spinner" android:layout_marginTop="30dp" android:orientation="vertical"></LinearLayout> <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.mytask3; import android.app.DatePickerDialog; import android.content.ContentValues; import android.database.Cursor; 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.LinearLayout; import android.widget.Spinner; import android.widget.TextView; import android.widget.Toast; import java.lang.reflect.Array; /** * Created by orisa on 2017/06/08. */ public class AddActivity extends AppCompatActivity { //部品の取得 EditText addTask, addDate; Spinner spinner; Button okBtn, cancelBtn; LinearLayout layout; //Spinner用の変数 String[] items = {"AM", "PM"}; //データを入れる用の変数 String task, date, time; @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); layout = (LinearLayout)findViewById(R.id.layout); //日付の入力の設定 addDate.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //Calendarインスタンスの生成 Calendar cal = Calendar.getInstance(); //DatePickerDialogインスタンスの生成 DatePickerDialog dialog = new DatePickerDialog(AddActivity.this, new DatePickerDialog.OnDateSetListener() { @Override public void onDateSet(DatePicker view, int year, int month, int dayOfMonth) { //日付を取得して表示 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の表示 dialog.show(); } }); //AM/PM入力の設定 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にリスナーを登録 spinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() { @Override public void onItemSelected(AdapterView<?> parent, View view, int position, long id) { //選択されたStringを取得 time = (String)parent.getSelectedItem(); } @Override public void onNothingSelected(AdapterView<?> parent) { } }); //データベースの作成 MyDBHelper helper = new MyDBHelper(AddActivity.this); final SQLiteDatabase db = helper.getWritableDatabase(); //OKボタンクリック時の処理 okBtn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //taskとdateを取得 task = addTask.getText().toString(); date = addDate.getText().toString(); //ContentValuesにデータを入れる 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(); } }); //CANCELボタンクリック時の処理 cancelBtn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //activityの終了 finish(); } }); } }
MyDBHelper.java
package com.example.orisa.mytask3; import android.content.Context; import android.database.sqlite.SQLiteDatabase; import android.database.sqlite.SQLiteOpenHelper; /** * Created by orisa on 2017/06/08. */ public class MyDBHelper extends SQLiteOpenHelper { public MyDBHelper(Context context){ super(context, "TASK_DB", null, 1); } @Override public void onCreate(SQLiteDatabase db) { //SQL文を入れる String sql = "CREATE TABLE default_tb(_id INTEGER PRIMARY KEY NOT NULL, task_col TEXT, date_col TEXT, time_col TEXT);"; db.execSQL(sql); } @Override public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) { } }
これから実装したいこと
- タスクを全消去するボタンをつける
- 長押しでタスクの消去
- AM/PMだけじゃなくて、morning/daytime/night・仕事前/昼休み/仕事終わりとか作る
- ユーザーの任意のカテゴリーを作れるようにしてもいいかも…
- 見た目をいい感じにする
レイアウトの要素を消去
機能
- ADDボタンでテキストビューを追加
- DELETEボタンで追加したテキストビューをすべて消去
ポイント
- removeViews(int 消去を開始する要素のindex, int 消去する要素の個数)を使う
必要なファイル
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.mytest1.MainActivity"> <LinearLayout android:id="@+id/layout" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"></LinearLayout> <Button android:id="@+id/addBtn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_alignParentStart="true" android:text="add" /> <Button android:id="@+id/deleteBtn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:layout_alignParentEnd="true" android:text="delete" /> </RelativeLayout>
MainActivity.java
package com.example.orisa.mytest1; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.LinearLayout; import android.widget.TextView; public class MainActivity extends AppCompatActivity { //部品の変数 LinearLayout layout; Button addBtn, deleteBtn; //Viewの追加・消去用の変数 int count = 0; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //部品の取得 layout = (LinearLayout)findViewById(R.id.layout); addBtn = (Button)findViewById(R.id.addBtn); deleteBtn = (Button)findViewById(R.id.deleteBtn); //ADDボタンのクリック処理 addBtn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //countを追加 count++; //テキストビューの追加 TextView tv = new TextView(MainActivity.this); tv.setText("no."+count); //レイアウトに追加 layout.addView(tv); } }); //DELETEボタンのクリック処理 deleteBtn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //テキストビューの消去 layout.removeViews(0, count); //個数をリセット count = 0; } }); } }
参考サイト
タスク管理アプリ③
初期画面
入力画面
表示画面
機能
- 初期画面 → ボタンクリックで入力画面/表示画面に遷移
- 入力画面 → ボタンクリックでデータの追加・初期画面に遷移
- 表示画面 → ボタンクリックで初期画面に遷移
ポイント
- 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) { } }
タスク管理アプリ②
初期画面
入力画面
表示画面
[
機能
- 初期画面 → ボタンで入力画面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(); } }); } }
DatePickerDialogで日付を取得
初期画面
ダイアログ画面
入力後の画面
機能
- EditTextをクリック → 日付選択のダイアログを表示 → 選択した日付をEditTextに表示
ポイント
- android:focusable="false"でキーボード非表示
- monthは0-11なので+1する
- 「2017/04/01」と表示するにはString.format()を使う
必要なファイル
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.mydatepicker1.MainActivity"> <EditText android:id="@+id/showDate" android:layout_width="wrap_content" android:layout_height="wrap_content" android:ems="10" android:focusable="false" android:inputType="date" android:layout_below="@+id/textView" android:layout_centerHorizontal="true" android:layout_marginTop="66dp" /> <TextView android:id="@+id/textView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="select date" android:textAppearance="@android:style/TextAppearance.Material.Medium" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:layout_marginTop="61dp" /> </RelativeLayout>
MainActivity.java
package com.example.orisa.mydatepicker1; import android.app.DatePickerDialog; import android.icu.util.Calendar; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.DatePicker; import android.widget.EditText; import android.widget.TextView; public class MainActivity extends AppCompatActivity { //部品の変数 EditText showDate; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //部品の取得 showDate = (EditText) findViewById(R.id.showDate); //EditTextにリスナーをつける showDate.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //Calendarインスタンスを取得 final Calendar date = Calendar.getInstance(); //DatePickerDialogインスタンスを取得 DatePickerDialog datePickerDialog = new DatePickerDialog( MainActivity.this, new DatePickerDialog.OnDateSetListener() { @Override public void onDateSet(DatePicker view, int year, int month, int dayOfMonth) { //setした日付を取得して表示 showDate.setText(String.format("%d / %02d / %02d", year, month+1, dayOfMonth)); } }, date.get(Calendar.YEAR), date.get(Calendar.MONTH), date.get(Calendar.DATE) ); //dialogを表示 datePickerDialog.show(); } }); } }
SpinnerとIntentの組み合わせ
入力画面
表示画面
機能
- 入力画面: ドロップダウンリストでAM/PMを選択 → SHOWボタンで表示画面へ
- 表示画面: 選択したものを表示する → BACKボタンで入力画面
ポイント
- getIntent(): 自分を起動したintentを取得する
必要なファイル
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.myintent6.MainActivity"> <TextView android:id="@+id/textView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_alignStart="@+id/showBtn" android:text="CHOOSE AM/PM" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="parent" /> <Spinner android:id="@+id/spinner" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/textView" android:layout_centerHorizontal="true" android:layout_marginTop="10dp" android:spinnerMode="dialog" /> <Button android:id="@+id/showBtn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/spinner" android:layout_centerHorizontal="true" android:layout_marginTop="50dp" android:text="show result" /> </RelativeLayout>
MainActivity.java
package com.example.orisa.myintent6; import android.content.Intent; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.AdapterView; import android.widget.ArrayAdapter; import android.widget.Button; import android.widget.Spinner; import android.widget.Toast; public class MainActivity extends AppCompatActivity { //部品の変数 Spinner spinner; Button showBtn; //spinner用の変数 String[] items = {"AM", "PM"}; String time = "empty time"; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //部品を取得 spinner = (Spinner)findViewById(R.id.spinner); showBtn = (Button)findViewById(R.id.showBtn); //Spinnerの設定 //ArrayAdapterの設定 ArrayAdapter<String> adapter = new ArrayAdapter<String>(getApplicationContext(), android.R.layout.simple_spinner_dropdown_item, items); adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item); //spinnerにadapterをセット spinner.setAdapter(adapter); //リスナーをつける spinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() { @Override public void onItemSelected(AdapterView<?> parent, View view, int position, long id) { time = (String)parent.getSelectedItem(); } @Override public void onNothingSelected(AdapterView<?> parent) { //dummy } }); //showBtnにリスナーを設定 showBtn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Intent intent = new Intent(getApplication(), ShowActivity.class); //intentにデータを入れる intent.putExtra("TIME_STRING", time); //activityの開始 startActivity(intent); } }); } }
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="YOU SELECTED:" /> <TextView android:id="@+id/showTv" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentStart="true" android:layout_below="@+id/textView2" android:layout_marginTop="10dp" /> <Button android:id="@+id/backBtn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/showTv" android:layout_centerHorizontal="true" android:layout_marginTop="50dp" android:text="back" /> </RelativeLayout>
ShowActivity.java
package com.example.orisa.myintent6; 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/06. */ public class ShowActivity extends AppCompatActivity { //部品の変数 TextView showTv; Button backBtn; @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_show); //部品を取得 showTv = (TextView)findViewById(R.id.showTv); backBtn = (Button)findViewById(R.id.backBtn); //intentを受け取る Intent intent = getIntent(); String data_show = intent.getStringExtra("TIME_STRING"); showTv.setText(data_show); //backBtnにリスナーをつける backBtn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //intentの終了 finish(); } }); } }
Spinnerでドロップダウンリストを作る
dialogモード
dropdownモード
機能
- ドロップダウンリストでアイテム選択 → テキストビューに表示
ポイント
- spinnerModeプロパティで選択肢の表示方法を選択できる
- ArrayAdapterでspinnerにアイテムを登録する
必要なファイル
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" tools:context="com.example.orisa.myspinner1.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="Select AM/PM" 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" /> <Spinner android:id="@+id/spinner" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/textView" android:layout_centerHorizontal="true" android:layout_marginTop="10dp" /> <TextView android:id="@+id/showTv" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/spinner" android:layout_centerHorizontal="true" android:layout_marginTop="50dp" /> </RelativeLayout>
MainActivity.java
package com.example.orisa.myspinner1; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.AdapterView; import android.widget.ArrayAdapter; import android.widget.Spinner; import android.widget.TextView; import java.lang.reflect.Array; public class MainActivity extends AppCompatActivity { //Spinner変数 Spinner spinner; String[] items = {"AM", "PM"}; //部品の変数 TextView showTv; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //部品の取得 showTv = (TextView)findViewById(R.id.showTv); spinner = (Spinner)findViewById(R.id.spinner); //ArrayAdapterを設定 ArrayAdapter<String> adapter = new ArrayAdapter<String>(getApplicationContext(), android.R.layout.simple_spinner_dropdown_item, items); adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item); //spinnerにadapterを設定 spinner.setAdapter(adapter); //リスナーを登録 spinner.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() { @Override public void onItemSelected(AdapterView<?> parent, View view, int position, long id) { Spinner spinner = (Spinner) parent; String str = (String)spinner.getSelectedItem(); showTv.setText(str); } @Override public void onNothingSelected(AdapterView<?> parent) { showTv.setText("nothing selected"); } }); } }