PG備忘録

プログラミングいろいろ

エミュレーターで動くのに実機で動かない問題

問題

作ったアプリ↓が、Android Studioエミュレーターでは動くのに、自分のスマホだと何故か強制終了する
olee46.hatenablog.com

原因

cb.setTextAppearance(R.style.TextAppearance_AppCompat_Medium);

のコード(2箇所)が原因だった模様
setTextAppearance(int resId)は、API>=23でしか動かない
自分のスマホAndroid 5.1でAPI 22だったため、クラッシュしていた模様
※記事のコードは修正済

解決方法

コードを以下のように書き換える

if (Build.VERSION.SDK_INT < 23) {
    cb.setTextAppearance(MainActivity.this, R.style.TextAppearance_AppCompat_Medium);
} else {
    cb.setTextAppearance(R.style.TextAppearance_AppCompat_Medium);
}

教訓

  • エミュレーターで動くのに実機で動かないとき: とりあえず実機と同じAPIエミュレーターでテストする
  • コードのタブで赤線が出てなくても、コードの中身で赤線が出てることがある
  • Logcat読もうね

タスク管理アプリ ver2

入力画面
f:id:olee46:20170616153624j:plain:h300

タスク追加画面
f:id:olee46:20170616153628j:plain:h300

タスク編集画面
f:id:olee46:20170616153632j:plain:h300

機能

  • タスクの追加・編集
  • 日付の選択

ポイント

  • View/ViewGroupのindexの取得
LinearLayout addNoteLayout = (LinearLayout) findViewById(R.id.llAddNote);
int index = ((ViewGroup) addNoteLayout.getParent()).indexOfChild(addNoteLayout);

stackoverflow.com

必要なファイル

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="today's task"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/Theme.AppCompat.DayNight.DarkActionBar">
        <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="add task">
        </activity>
        <activity android:name=".UpdateActivity"
            android:label="update task">
        </activity>

    </application>

</manifest>

activity_main.xml

f:id:olee46:20170616153609j: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="20dp"
    tools:context="com.example.orisa.mytask3.MainActivity">

    <LinearLayout
        android:id="@+id/layout_top"
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:gravity="center_horizontal"
        android:orientation="horizontal">

        <ImageButton
            android:id="@+id/prevBtn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginEnd="20dp"
            android:layout_toStartOf="@+id/showDate"
            android:layout_weight="1"
            android:background="@null"
            app:srcCompat="@drawable/ic_left_arrow" />

        <TextView
            android:id="@+id/showDate"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentTop="false"
            android:layout_centerHorizontal="true"
            android:layout_gravity="center"
            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" />

        <ImageButton
            android:id="@+id/nextBtn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBottom="@+id/showDate"
            android:layout_gravity="center"
            android:layout_marginStart="20dp"
            android:layout_toEndOf="@+id/showDate"
            android:background="@null"
            app:srcCompat="@drawable/ic_right_arrow" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/layout_top"
        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.DialogInterface;
import android.content.Intent;
import android.database.Cursor;
import android.database.sqlite.SQLiteDatabase;
import java.util.Calendar;

import android.os.Build;
import android.support.design.widget.FloatingActionButton;
import android.support.v7.app.AlertDialog;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.DatePicker;
import android.widget.ImageButton;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;

import org.w3c.dom.Text;

public class MainActivity extends AppCompatActivity {

    //部品の変数
    TextView showDate;
    ImageButton 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 = (ImageButton) findViewById(R.id.prevBtn);
        nextBtn = (ImageButton) 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();
    }


    //Action Bar関連
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        MenuInflater inflater = getMenuInflater();
        inflater.inflate(R.menu.main_activity_actions, menu);
        return super.onCreateOptionsMenu(menu);
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        AlertDialog.Builder builder = new AlertDialog.Builder(this);

        //dialogの設定
        builder.setMessage("Delete all tasks?");

        //OKボタンの設定
        builder.setPositiveButton("OK", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
                //データベースの全削除
                deleteAllDB();
                //データベースの表示
                showDB();
                //Toastの表示
                Toast.makeText(MainActivity.this, "deleted all tasks", Toast.LENGTH_SHORT).show();
            }
        });

        //CANCELボタンの設定
        builder.setNegativeButton("CANCEL", new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialog, int which) {
            }
        });

        switch (item.getItemId()){
            case R.id.deleteAll:
                //dialogの描画
                builder.create();
                builder.show();
                break;
            default:
                break;
        }
        return super.onOptionsItemSelected(item);
    }

    //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);
        final SQLiteDatabase db = helper.getWritableDatabase();

        //表示のクリア
        amLayout.removeAllViews();
        pmLayout.removeAllViews();

        //検索して表示
        final Cursor c_am = db.query("default_tb", new String[]{"task_col", "checked_col"},
                "date_col =? AND time_col =?", new String[] {today_str, "AM"},
                null, null, null);
        boolean bool = c_am.moveToFirst();
        while(bool){
            //CheckBoxの設定
            final CheckBox cb = new CheckBox(MainActivity.this);
            cb.setText(c_am.getString(0));
            if(Build.VERSION.SDK_INT < 23){
                cb.setTextAppearance(MainActivity.this, R.style.TextAppearance_AppCompat_Medium);
            }else{
                cb.setTextAppearance(R.style.TextAppearance_AppCompat_Medium);
            }

            cb.setTextAppearance(MainActivity.this, R.style.TextAppearance_AppCompat_Medium);

            //CheckBoxにリスナーをつける
            cb.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
                @Override
                public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                    //DBのアップデート処理
                    ContentValues val = new ContentValues();
                    val.put("checked_col", 1);
                    db.update("default_tb", val, "task_col =?", new String[]{cb.getText().toString()});
                }
            });
            //checkedが1(=TRUE)なら、checkedにする
            if(c_am.getInt(1) == 1){
                cb.setChecked(true);
            }

            //全体のlayoutに追加
            amLayout.addView(setRow(cb));
            bool = c_am.moveToNext();
        }
        c_am.close();

        final Cursor c_pm = db.query("default_tb", new String[]{"task_col", "checked_col"},
                "date_col =? AND time_col =?", new String[] {today_str, "PM"},
                null, null, null);
        bool = c_pm.moveToFirst();
        while(bool){
            //CheckBoxの設定
            final CheckBox cb = new CheckBox(MainActivity.this);
            cb.setText(c_pm.getString(0));
            if(Build.VERSION.SDK_INT < 23){
                cb.setTextAppearance(MainActivity.this, R.style.TextAppearance_AppCompat_Medium);
            }else{
                cb.setTextAppearance(R.style.TextAppearance_AppCompat_Medium);
            }
            //CheckBoxにリスナーをつける
            cb.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
                @Override
                public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                    //DBのアップデート処理
                    ContentValues val = new ContentValues();
                    val.put("checked_col", 1);
                    db.update("default_tb", val, "task_col =?", new String[]{cb.getText().toString()});
                }
            });
            //checkedが1(=TRUE)なら、checkedにする
            if(c_pm.getInt(1) == 1){
                cb.setChecked(true);
            }

            //全体のlayoutに追加
            pmLayout.addView(setRow(cb));
            bool = c_pm.moveToNext();
        }
        c_pm.close();
    }

    //showDBの中で、部品を配置するメソッド
    protected LinearLayout setRow(CheckBox cb_param){
        //CheckBox変数
        final CheckBox cb = cb_param;

        //アイコンの設定
        ImageButton edit_btn = new ImageButton(MainActivity.this);
        edit_btn.setImageResource(R.drawable.ic_edit);
        edit_btn.setBackground(null);

        ImageButton delete_btn = new ImageButton(MainActivity.this);
        delete_btn.setImageResource(R.drawable.ic_delete);
        delete_btn.setBackground(null);

        //リスナーの登録
        edit_btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //UPDATE画面に遷移
                Intent intent = new Intent(getApplication(), UpdateActivity.class);
                //intentにデータを渡す
                intent.putExtra("task_data", cb.getText().toString());
                startActivity(intent);
            }
        });
        delete_btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //データベースを削除
                deleteDb(cb.getText().toString());

                //CheckBoxが入っているLayoutを取得
                LinearLayout ll = (LinearLayout)cb.getParent();
                //Layoutが入ってるLayoutを取得
                LinearLayout ll_p = (LinearLayout)ll.getParent();
                //CheckBoxの入っているLayoutのindexを取得
                int ll_index = ((ViewGroup)ll_p).indexOfChild(ll);
                //CheckBoxの入っているLayoutを削除
                ll_p.removeViewAt(ll_index);
            }
        });

        //LinearLayoutの設定
        LinearLayout layout = new LinearLayout(MainActivity.this);//インスタンスの生成
        layout.setGravity(Gravity.CENTER_VERTICAL);//Gravityの設定

        //CheckBoxとImageButtonの間をうめるやつ
        View view = new View(MainActivity.this);
        LinearLayout.LayoutParams v_lp = new LinearLayout.LayoutParams(
                ViewGroup.LayoutParams.WRAP_CONTENT, 1, 1f);
        view.setLayoutParams(v_lp);

        //LinearLayoutに部品を追加
        layout.addView(cb);
        layout.addView(view);
        layout.addView(edit_btn);
        layout.addView(delete_btn);

        return layout;
    }

    //データベースを削除
    protected void deleteDb(String task_str){
        //データベースの取得
        MyDBHelper helper = new MyDBHelper(MainActivity.this);
        SQLiteDatabase db = helper.getWritableDatabase();

        //データベースの削除
        db.delete("default_tb", "task_col =?", new String[]{task_str});
    }

    //データベースの全削除をするメソッド
    protected void deleteAllDB(){
        //データベースの取得
        MyDBHelper helper = new MyDBHelper(MainActivity.this);
        SQLiteDatabase db = helper.getWritableDatabase();

        //データベース削除
        db.delete("default_tb", null, null);
    }
}

activity_add.xml

f:id:olee46:20170616153628j:plain:h300

<?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="20dp">

    <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"
        android:textAppearance="@android:style/TextAppearance.Material.Medium" />

    <EditText
        android:id="@+id/updTask"
        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/updTask"
        android:layout_marginTop="30dp"
        android:text="DATE"
        android:textAppearance="@android:style/TextAppearance.Material.Medium" />

    <EditText
        android:id="@+id/updDate"
        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/updDate"
        android:layout_marginTop="30dp"
        android:text="AM/PM"
        android:textAppearance="@android:style/TextAppearance.Material.Medium" />

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

    <Button
        android:id="@+id/updBtn"
        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.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.Toast;

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

public class AddActivity extends AppCompatActivity {

    //部品の取得
    EditText addTask, addDate;
    Spinner spinner;
    Button okBtn, cancelBtn;

    //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.updTask);
        addDate = (EditText)findViewById(R.id.updDate);
        spinner = (Spinner)findViewById(R.id.spinner);
        okBtn = (Button)findViewById(R.id.updBtn);
        cancelBtn = (Button)findViewById(R.id.cancelBtn);

        //日付の入力の設定
        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);
                val.put("checked_col", 0);
                //データベースに登録
               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();
            }
        });

    }
}

activity_update.xml

f:id:olee46:20170616153632j:plain:h300

<?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="20dp">

    <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"
        android:textAppearance="@android:style/TextAppearance.Material.Medium" />

    <EditText
        android:id="@+id/updTask"
        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/updTask"
        android:layout_marginTop="30dp"
        android:text="DATE"
        android:textAppearance="@android:style/TextAppearance.Material.Medium" />

    <EditText
        android:id="@+id/updDate"
        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/updDate"
        android:layout_marginTop="30dp"
        android:text="AM/PM"
        android:textAppearance="@android:style/TextAppearance.Material.Medium" />

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

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

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

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

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

public class UpdateActivity extends AppCompatActivity {

    //部品の変数
    EditText updTask, updDate;
    Spinner spinner;
    Button updBtn, cancelBtn;

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

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

    //intentからデータを受け取る用の変数
    String task_init;

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

        //部品の取得
        updTask = (EditText)findViewById(R.id.updTask);
        updDate = (EditText)findViewById(R.id.updDate);
        spinner = (Spinner)findViewById(R.id.spinner);
        updBtn = (Button) findViewById(R.id.updBtn);
        cancelBtn = (Button)findViewById(R.id.cancelBtn);

        //日付入力の設定
        updDate.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //Calendarインスタンスの生成
                Calendar cal = Calendar.getInstance();
                //DatePickerDialogの設定
                DatePickerDialog dialog = new DatePickerDialog(UpdateActivity.this,
                        new DatePickerDialog.OnDateSetListener() {
                            @Override
                            public void onDateSet(DatePicker view, int year, int month, int dayOfMonth) {
                                //日付を表示
                                updDate.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>(UpdateActivity.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) {
                //データを格納
                time = (String)parent.getSelectedItem();
            }
            @Override
            public void onNothingSelected(AdapterView<?> parent) {
            }
        });

        //UPDATEボタンにリスナーを設定
        updBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //データの取得
                task = updTask.getText().toString();
                date = updDate.getText().toString();
                //データベースの更新
                MyDBHelper helper = new MyDBHelper(UpdateActivity.this);
                SQLiteDatabase db = helper.getWritableDatabase();
                ContentValues val = new ContentValues();
                val.put("task_col", task);
                val.put("date_col", date);
                val.put("time_col", time);
                db.update("default_tb", val, "task_col =?", new String[] {task_init});
                //Toastを表示
                Toast.makeText(UpdateActivity.this, "updated task: "+task+" @"+date+time,
                        Toast.LENGTH_SHORT).show();
                finish();
            }
        });

        //CANCELボタンにリスナーを設定
        cancelBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //activityの終了
                finish();
            }
        });
    }

    @Override
    protected void onResume() {
        super.onResume();

        // intentのデータを受け取る
        Intent intent = getIntent();
        task_init = intent.getStringExtra("task_data");

        //データベースを検索
        MyDBHelper helper = new MyDBHelper(UpdateActivity.this);
        SQLiteDatabase db = helper.getWritableDatabase();

        Cursor c = db.query("default_tb", new String[]{"date_col", "time_col"},
                "task_col =?", new String[]{task_init}, null, null, null);
        boolean bool = c.moveToFirst();
        while (bool){
            //dateとtimeを取得
            date = c.getString(0);
            time = c.getString(1);
            //Cursorを次に移動
            bool = c.moveToNext();
        }
        //Cursorをclose
        c.close();

        //データを表示
        updTask.setText(task_init);
        updDate.setText(date);
        int pos;
        if(time.equals("AM")){
            pos = 0;
        }
        else {
            pos = 1;
        }
        spinner.setSelection(pos);
    }
}

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, checked_col INTEGER);";
        db.execSQL(sql);
    }

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

LinearLayoutで両端に部品を配置する方法

LinearLayout(horizontal)で、左端と右端に部品を動的に配置する方法のメモ

概要

左端の部品と、右端の部品の間にスペーサーを配置

コード

//部品のインスタンスの生成
LinearLayout layout = new LinearLayout(MainActivity.this);
TextView tv_left = new TextView(MainActivity.this);
TextView tv_right = new TextView(MainActivity.this);

//スペーサーをつくる
View view = new View(MainActivity.this);
LinearLayout.LayoutParams v_lp = new LinearLayout.LayoutParams(
ViewGroup.LayoutParams.WRAP_CONTENT, 1, 1f);
view.setLayoutParams(v_lp);

//Layout内に部品を配置
layout.addView(tv_left);
layout.addView(view);
layout.addView(tv_right);

メソッドの説明

スペーサーで使っているLayoutParamsのコンストラクタは、

LinearLayout.LayoutParams(int width, int height, float weight)

weight = 1とすることでうまくいっている…らしい(参考サイト参照)

Action Barの使い方①

アクションバーにアイコンを追加する方法

AndroidManifest.xmlを編集

android:themeをTheme.AppCompatから始まるものにする
例:

android:theme="@style/Theme.AppCompat.Light"

アクションバー用のxmlファイルを作成

  • resフォルダにmenuフォルダを作る
  • menuフォルダの中にMenu resource fileを作る
  • 名前はなんでもok

アイコンを追加

  • drawableフォルダの中にImage Assetを追加
  • Icon Type: Action Bar and Tab Icons
  • Name: わかりやすいやつにする
  • Asset Type: Image
  • Theme: アプリの色にあわせてHOLO_DARKかHOLO_LIGHTを選ぶ

xmlファイルを編集

例:

<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto" >

<item
android:id="@+id/action_call"
android:icon="@drawable/ic_action_call"
app:showAsAction="always"
android:title="@string/action_call"/>

</menu>

タスク管理アプリ ver1

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

入力画面
f:id:olee46:20170615142358j:plain:h300 f:id:olee46:20170615142401j:plain:h300 f:id:olee46:20170615142405j:plain:h300

機能

  • 初期画面: +ボタンを押す → 入力画面に遷移
  • 初期画面: 日付を選択 → その日付のタスクを表示

ポイント

  • 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

f:id:olee46:20170615142409j: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.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・仕事前/昼休み/仕事終わりとか作る
  • ユーザーの任意のカテゴリーを作れるようにしてもいいかも…
  • 見た目をいい感じにする

レイアウトの要素を消去

f:id:olee46:20170609043247j:plain:h300

機能

  • ADDボタンでテキストビューを追加
  • DELETEボタンで追加したテキストビューをすべて消去

ポイント

  • removeViews(int 消去を開始する要素のindex, int 消去する要素の個数)を使う

必要なファイル

activity_main.xml

f:id:olee46:20170609043544j: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.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;
            }
        });
    }
}

参考サイト

www.javadrive.jp

タスク管理アプリ③

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

入力画面
f:id:olee46:20170607204513j:plain:h300 f:id:olee46:20170607204517j:plain:h300 f:id:olee46:20170607204521j:plain:h300

表示画面
f:id:olee46:20170607204525j:plain:h300

機能

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

ポイント

  • 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) {
    }
}