YMLib - Android - ボタン

ボタン

2013/11/29

Androidアプリで、ボタンを押したらテキストに「OnClick!!」と表示するアプリを作成します。

◆環境

OS	Windows 7 Professional Service Pack 1
eclipse	4.2.2
Android	4.4
Android端末	Nexus7

①eclipseで[File]-[New]-[Project]を選択します。

②New Projectウィンドウが開いたら[Android]-[Android Application Project]を選択し「Next」ボタンを押します。

③New Android Applicationウィンドウが開いたら「Aplication Name」に AndroidClient と入力し「Next」ボタンを押します。

④Configure Projectウィンドウが開いたらそのまま「Next」ボタンを押します。

⑤Configure the attributes of the icon setウィンドウが開いたらそのまま「Next」ボタンを押します。

⑥Create Activityウィンドウが開いたらそのまま「Next」ボタンを押します。

⑦Blank Activityウィンドウが開いたらそのまま「Finish」ボタンを押します。

編集

①Package Explorer で activity_main.xml をダブルクリックして開きます。

②Form Widgets の Button をドラッグして画面の適当な位置にドロップします。

③activity_main.xmlタブを選んでXML編集モードにします。

TextView と Button の android:id を確認します。

TextView	textView1
Button	button1

④MainActivity.java をダブルクリックで開きます。

メンバ変数に TextView txt を足し、onCreate にボタンを押したら txt に「OnClick!!」と設定するようプログラムを書きました。

MainActivity.java

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:

package com.example.androidclient;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.TextView;

public class MainActivity extends Activity
{
    private TextView txt;

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

        // TextViewを取得
        txt = ( TextView )findViewById( R.id.textView1 );

        findViewById( R.id.button1 ).setOnClickListener(
            new OnClickListener()
            {
                @Override
                public void onClick( View arg0 )
                {
                    txt.setText( "OnClick!!" );
                }
            }
        );
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu)
    {
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }
}

実行してみます。

画面に左上に「Hello world!」と表示され、真ん中あたりにボタンが出ています。ボタンを押してみます。

左上の文字が「OnClick!!」に変わりました。

setOnClickListener() を使わずに activity_main.xml にイベントハンドラー（？）を書く方法もありました。 >>ボタン②

▲ PageTop ■ Home