Android プログラミング【 ToggleButton 】 ~ 画像変更 ~

Android プログラミング【 ToggleButton 】 ~ 画像変更 ~

Android プログラミング【 ToggleButton 】 ~ 画像変更 ~ 768

設定画面をイメージし、ToggleButtonを学習します。
もちろん画像を変える以外に色々できます。

プロジェクト、カンパニードメイン、パッケージネームを同じにするとコピペエラーが減ります。

Application name TestToggle
Company Domain test.com
Package name com.test.testtoggle

Android-プログラミング【-ToggleButton-】新規プロジェクト

* 注意 *
・画像をご自身で要するにはファイル名やファイルサイズ、拡張子に注意する必要があります。
・ファイル名は半角小文字の英数(a~z 0~9)とアンダーバー( _ )のみで、最初の1文字目は半角英字( a ~ z)のみです。
・慣れてない方はサンプル画像の使用をオススメします。

boy
girl

ToggleButton_activity_main_xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.test.testtoggle.MainActivity">

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="性別を選んでください" />

    <ToggleButton
        android:id="@+id/tb"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:checked="true"
        android:textOff="女性"
        android:textOn="男性" />

    <ImageView
        android:id="@+id/iv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/boy" />

</LinearLayout>

ToggleButton_MainActivity_java

package com.test.testtoggle;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.CompoundButton;
import android.widget.ImageView;
import android.widget.ToggleButton;

public class MainActivity extends AppCompatActivity {

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

        ((ToggleButton)findViewById(R.id.tb)).setOnCheckedChangeListener(
                new CompoundButton.OnCheckedChangeListener() {
                    @Override
                    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                        if( isChecked){
                            ((ImageView)findViewById(R.id.iv)).setImageResource(R.drawable.boy);
                        }else {
                            ((ImageView)findViewById(R.id.iv)).setImageResource(R.drawable.girl);
                        }
                    }
                }
        );
    }
}

Android プログラミング【 ListView ⑤ 】 ~ クリック処理 ~

Android プログラミング【 ListView ⑤ 】 ~ クリック処理 ~

ListViewクリック処理 768

クリック処理に対応させます。
ほとんど決まり文句で済み、多言語にも対応できます。

ListViewクリック処理_activity_main_xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.test.listapp.MainActivity">

   <ListView
       android:id="@+id/listView"
        android:entries="@array/name"
       android:layout_width="match_parent"
       android:layout_height="match_parent">
   </ListView>

</RelativeLayout>

ListView_MainActivity

package com.test.listapp;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

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

        ((ListView)findViewById(R.id.listView)).setOnItemClickListener(
                new AdapterView.OnItemClickListener() {
                    @Override
                    public void onItemClick(AdapterView parent, View view, int position, long id) {
                        String[] strings = getResources().getStringArray(R.array.name);
                        Toast.makeText(MainActivity.this, strings[position], Toast.LENGTH_SHORT).show();
                    }
                }
        );

    }
}

Android プログラミング【 ListView ④ 】 ~英語と日本語~

Android プログラミング【 ListView ④ 】 ~英語と日本語~

ListView ~英語と日本語利用~

strings.xml( 文字列管理用のファイル )を利用して英語と日本語に対応させます。

簡単に外国語に対応できるので、得意な人は是非利用してください。

string日本語対応

<resources>
    <string name="app_name">リストアプリ</string>

    <string-array name="name">
        <item>子</item>
        <item>丑</item>
        <item>寅</item>
        <item>卯</item>
        <item>辰</item>
        <item>巳</item>
        <item>午</item>
        <item>未</item>
        <item>申</item>
        <item>酉</item>
        <item>戌</item>
        <item>亥</item>
    </string-array>
</resources>

Android プログラミング【 ListView ③ 】 ~strings.xml利用~

Android プログラミング【 ListView ③ 】 ~strings.xml利用~

ListView ~strings.xml利用~ 768

strings.xml( 文字列管理用のファイル )を学習します。

strings.xmlを使用すると文字を管理しやすくなり、複雑なアプリも作りやすくなります。
一見無価値のようですが、慣れると手放せなくなるので是非トライしてください。

プロジェクト、カンパニードメイン、パッケージネームを同じにするとコピペエラーが減ります。

Application name ListApp
Company Domain test.com
Package name com.test.listapp

新規アプリケーション

strings.xml利用

<resources>
    <string name="app_name">ListApp</string>

    <string-array name="name">
        <item>rat</item>
        <item>ox</item>
        <item>tiger</item>
        <item>hare</item>
        <item>dragon</item>
        <item>serpent</item>
        <item>horse</item>
        <item>sheep</item>
        <item>monkey</item>
        <item>rooster</item>
        <item>dog</item>
        <item>boar</item>
    </string-array>
</resources>         

activity_main_xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.test.listapp.MainActivity">

   <ListView
        android:entries="@array/name"
       android:layout_width="match_parent"
       android:layout_height="match_parent">
   </ListView>

</RelativeLayout>

Android プログラミング【 ListView ② 】 ~クリック処理~

Android プログラミング【 ListView ② 】 ~クリック処理~ 2768

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.test.testlistview.MainActivity">

    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        
    </ListView>
    
</RelativeLayout>
package com.test.testlistview;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;


public class MainActivity extends AppCompatActivity {

    // 表示する文字列  ///////////////////
    String[] strings = {
            "北海道",
            "青森県",
            "岩手県",
            "宮城県",
            "秋田県",
            "山形県",
            "福島県",
            "茨城県",
            "栃木県",
            "群馬県",
            "埼玉県",
            "千葉県",
            "東京都",
            "神奈川県",
            "新潟県",
            "富山県",
            "石川県",
            "福井県",
            "山梨県",
            "長野県",
            "岐阜県",
            "静岡県",
            "愛知県",
            "三重県",
            "滋賀県",
            "京都府",
            "大阪府",
            "兵庫県",
            "奈良県",
            "和歌山県",
            "鳥取県",
            "島根県",
            "岡山県",
            "広島県",
            "山口県",
            "徳島県",
            "香川県",
            "愛媛県",
            "高知県",
            "福岡県",
            "佐賀県",
            "長崎県",
            "熊本県",
            "大分県",
            "宮崎県",
            "鹿児島県",
            "沖縄県",
    };

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

        // リストの作成   //////////////////
        ArrayAdapter adapter = new ArrayAdapter(
                this,
                android.R.layout.simple_list_item_1,
                strings);

        // リストの表示   //////////////////
        ((ListView) findViewById(R.id.listView)).setAdapter(adapter);

        // クリック処理   //////////////////
        ((ListView) findViewById(R.id.listView)).setOnItemClickListener(

                new AdapterView.OnItemClickListener() {
                    @Override
                    public void onItemClick(AdapterView parent, View view, int position, long id) {
                        Toast.makeText(MainActivity.this ,strings[position],Toast.LENGTH_SHORT).show();
                    }
                }

        );

    }
}

Android プログラミング【 ListView ① 】 ~リストの表示~

Android プログラミング【 ListView ① 】 ~リストの表示~ 768

アプリ開発初心者用の学習動画です。
この動画はListView (リストビュー)を使ったリストの表示です。

プロジェクト、カンパニードメイン、パッケージネームを同じにするとコピペエラーが減ります。

Application name TestListview
Company Domain test.com
Package name com.test.testlistview

リストビュー 新規作成

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.test.testlistview.MainActivity">

    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        
    </ListView>
    
</RelativeLayout>
package com.test.testlistview;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends AppCompatActivity {

    // 表示する文字列  ///////////////////
    String[] strings = {
            "北海道",
            "青森県",
            "岩手県",
            "宮城県",
            "秋田県",
            "山形県",
            "福島県",
            "茨城県",
            "栃木県",
            "群馬県",
            "埼玉県",
            "千葉県",
            "東京都",
            "神奈川県",
            "新潟県",
            "富山県",
            "石川県",
            "福井県",
            "山梨県",
            "長野県",
            "岐阜県",
            "静岡県",
            "愛知県",
            "三重県",
            "滋賀県",
            "京都府",
            "大阪府",
            "兵庫県",
            "奈良県",
            "和歌山県",
            "鳥取県",
            "島根県",
            "岡山県",
            "広島県",
            "山口県",
            "徳島県",
            "香川県",
            "愛媛県",
            "高知県",
            "福岡県",
            "佐賀県",
            "長崎県",
            "熊本県",
            "大分県",
            "宮崎県",
            "鹿児島県",
            "沖縄県",
    };

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

        // リストの作成   //////////////////
        ArrayAdapter adapter = new ArrayAdapter(
                this,
                android.R.layout.simple_list_item_1,
                strings);

        // リストの表示   //////////////////
        ((ListView) findViewById(R.id.listView)).setAdapter(adapter);

    }
}

封筒のように、文字やデザインを「まとめてつなぐ物」でOKです。

封筒にまとめる

Adapterにまとめる

Android プログラミング【 縦横レイアウトの切り替え 】

Android プログラミング【 縦横レイアウトの切り替え 】 768

スマートフォンを縦向き、横向きにレイアウトを対応させます。
ここでは、「縦向き専用の画像」「横向き専用の画像」を表示させています。

プロジェクト、カンパニードメイン、パッケージネームを同じにするとコピペエラーが減ります。

Application name Screen
Company Domain test.com
Package name com.test.screen

縦向き
横向き
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.test.screen.MainActivity">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="fitXY"
        android:src="@drawable/back_normal" />
    
</RelativeLayout>
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.test.screen.MainActivity">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="fitXY"
        android:src="@drawable/back_land" />
</RelativeLayout>

ポイントは「横向き用のフォルダとファイル」を用意するだけです。

Android プログラミング【バックミュージックの追加】 ~オブジェクト指向・予習編~

Android プログラミング【バックミュージックの追加】 ~オブジェクト指向・予習編~

バックミュージックの追加① ~オブジェクト指向・予習編~ 768

続編・Android プログラミング【バックミュージックの追加 ② 】 ~オブジェクト指向・予習編~

この動画は「オブジェクト指向でアプリを組める!」を目指す学習動画です。

オブジェクト指向自体は簡単で大したことではありません。

しかし、それなりの慣れや経験が無いと意味不明です。
つまり「頭で理解するのは難しいが、慣れるのは簡単」だと思ってます。

まずは深く考えずに「予習」をしてみたいと思います。

アプリ作成

プログラムも分担

プロジェクト、カンパニードメイン、パッケージネームを同じにするとコピペエラーが減ります。

Application name Test
Company Domain test.com
Package name com.test.test

オブジェクト指向 新規プロジェクト

  1. mp3ファイルの準備
  2. javaファイルの準備
  3. MainActivity.javaの編集

以下のファイルとmp3を用意して、指定の場所に保存してください。
※ 慣れてない方はファイル名、フォルダ名を同じにしてください。

・音楽素材 MusMus様
JavaファイルのDL

オブジェクト指向-ファイル保存2

バックミュージック-指示通りに記載

package com.test.test;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class MainActivity extends AppCompatActivity {

    MyMedia myMedia = new MyMedia();    // ① 準備

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

        myMedia.onCreate( this,R.raw.main); // ②読込
    }

    @Override
    protected void onResume() {
        super.onResume();
        myMedia.onResume(); // ③再生
    }
    @Override
    protected void onPause() {
        super.onPause();
        myMedia.onPause(); // ④ 一時停止
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        myMedia.onDestroy(); // ⑤ 終了
    }
}

バックミュージック-ポイント

Android プログラミング【 タップでアニメ 】~ 配列の利用 ~

Android プログラミング【 タップでアニメ 】~ 配列の利用 ~

Android 開発 タップアニメ 768

画像をタップすることで、画像を切り替えて「パラパラアニメを表現」するアプリですが
配列を勉強することが目的の動画です。

この動画が難しいと感じた方は 「RPGで学ぶ」をご覧ください。

プロジェクト、カンパニードメイン、パッケージネームを同じにするとコピペエラーが減ります。

Application name TapAnime
Company Domain test.com
Package name com.test.tapanime
タップアニメ 新規プロジェクト

* 注意 *
・画像をご自身で要するにはファイル名やファイルサイズ、拡張子に注意する必要があります。
・ファイル名は半角小文字の英数(a~z 0~9)とアンダーバー( _ )のみで、最初の1文字目は半角英字( a ~ z)のみです。
・慣れてない方はサンプル画像の使用をオススメします。

p00
p01
p02
p03
p04
p05
p06
p07
p08
p09
p10
p11
p12
p13
p14
p15

画像を保存

activity_main_xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.test.tapanime.MainActivity">

    <ImageView
        android:id="@+id/iv"
        android:onClick="onImage"
        android:layout_centerInParent="true"
        android:src="@drawable/p00"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</RelativeLayout>

package com.test.tapanime;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity {

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

    public void onImage(View v){
        ((ImageView)findViewById(R.id.iv)).setImageResource(R.drawable.p01);
    }

}

配列図解2

package com.test.tapanime;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity {

    int[] img = {
            R.drawable.p01,
            R.drawable.p02,
            R.drawable.p03,
            R.drawable.p04,
            R.drawable.p05,
            R.drawable.p06,
            R.drawable.p07,
            R.drawable.p08,
            R.drawable.p09,
            R.drawable.p10,
            R.drawable.p11,
            R.drawable.p12,
            R.drawable.p13,
            R.drawable.p14,
            R.drawable.p15,
    };

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

    public void onImage(View v){
        ((ImageView)findViewById(R.id.iv)).setImageResource(img[2]);
    }

}
package com.test.tapanime;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity {

    int[] img = {
            R.drawable.p01,
            R.drawable.p02,
            R.drawable.p03,
            R.drawable.p04,
            R.drawable.p05,
            R.drawable.p06,
            R.drawable.p07,
            R.drawable.p08,
            R.drawable.p09,
            R.drawable.p10,
            R.drawable.p11,
            R.drawable.p12,
            R.drawable.p13,
            R.drawable.p14,
            R.drawable.p15,
    };
    int count = -1;

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

    public void onImage(View v){
        count++;
        if( count >= 15 ) {
            count = 0;
        }
        ((ImageView)findViewById(R.id.iv)).setImageResource(img[count]);
    }

}