【Android Studio】Button(ボタン)を作る基本中の基本。

公開 : → 更新 :

ボタンを作る基本中の基本ですが、ボタンを作ること自体が基本中の基本です。@It_is_Rです。
タイトルなんてどうだっていいんです。肝心のなのは真心です。

Androidアプリ開発、7回目となりました。
今回はボタンを作り方を解説していこうと思います。

前回追加した TextView を消した状態からスタートします。

Button を追加する

Button を追加するときも、前回の Text の追加と同様に「Design」で追加していきます。
「Text」でも追加できますが、ボタンとなるとソース入力が大変なので「Design」で追加する方がおすすめです。

「activity_main.xml」ファイルを開き、左下から「Design」を選択します。ここまでは前回と同じです。
では Button を追加してみましょう。
android studio

ソースは以下のようになります。

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.r.myapplication.MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/text"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button"
        tools:layout_editor_absoluteX="147dp"
        tools:layout_editor_absoluteY="81dp" />
</android.support.constraint.ConstraintLayout>

配置の場所の指定は、いずれ別の記事でまとめて解説するとして、ボタンを作成することができました。
android studio

Button のアクションを作る

ボタンは作りましたが、実はこのままでは、ボタンをタップしても何も起きません。
ではこのボタンをタップした時に、テキストを変更できるようにしてみましょう。

そのためには、まず TextView に ID をつける必要があります。
TextView を選択し「Properties」の「ID」に text と入力します。
android studio

Button の方は、追加した際に自動的に「button」という ID がふられているので、つける必要はありません。

ボタンが押された時、テキストを変える

では「MainActivity.java」を開き、ボタンが押された時にテキストが変更されるように作っていきましょう。

package com.example.r.myapplication;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.Button;
import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

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

        //ここから
        final TextView text1 = (TextView)findViewById(R.id.text);
        Button button1 = (Button)findViewById(R.id.button);
        button1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                text1.setText("はろーわーるど!");
            }
        });
        //ここまで入力
    }
}

上の「ここからここまで」の部分を入力した後「alt (option)」+「enter (return)」で、自動的にimport文が書かれます。

17〜18行目では、「TextView」や「Button」の ID を取得しています。
19〜24行目では、ボタンが押された時の処理を作っています。
22行目が、テキストを変更する命令です。

これでボタンをタップするとテキストを変更するプログラムを作ることができました。
android studio

この企画の一覧はこちら

スポンサードリンク

コメントをどうぞ!

メールアドレスが公開されることはありません。




オススメ記事

Swift

【Xcode7】Swift2でMacアプリ開発。Storyboardでボタンを作る。

喧嘩するほど仲がいいとは言いますが、喧嘩する相手がいません。友達がいないということでしょうか。@It_is_Rです。 前回、StoryboardでMacのウィンドウに文字を表示しました。しかし、

Bootstrap 4 を読み込む為の方法を徹底解説。パッケージマネージャーなど。

今回は Bootstrap 4 の使い方です。It_is_Rです。 では詳しくみていきましょう。 Bootstrap とは Bootstrap は Webサイトを制作するときに使う、

bootstrap3

Bootstrap3でサイト制作するための、準備と初期設定。

ゲーム制作は順調にすすんでいます。このまま順調にいけば、今月か来月までには完成できそうです。@It_is_Rです。 さて、今回はBootstrap3によるサイト制作の入門講座です。 このBoo

Android アプリ開発入門! Android Studio のインストール手順。

人の笑顔が大嫌い。 @It_is_R です。 Android アプリ開発では、 Eclipse や Android Studio を使ってアプリを開発するのが一般的です。 一般的に言語は Ja

Swift

【Xcode7】Swift2でMacアプリ開発。画像を読み込む為のボタンを作る。

犬も歩けば棒にあたる。だからRは歩かない。@It_is_Rです。 最近はSwiftの記事が多いと思っている人もいるのでは無いでしょうか。実はRは現在、Swiftを使ってゲーム開発のお助けアプリを

enchant.js100行未満!!本格シューティングゲーム作り方。

昨日歩き回ったせいで、足がかなり痛い@It_is_Rです。 さて、今回はenchant.jsのネタです。enchant.jsを使うと、javascriptのプログラムがものすごく簡単に書けてしま

gulp

gulpでsassをcssにコンパイル。インストール&便利な使い方。

幸せそうな人を見ると、転べって思います。@It_is_Rです。 Webページを制作するとき、sassをcssに変換して使用することが多いと思います。 今回は、gulpを使ってsassをcssに

JavaScriptマンガ講座。初心者でも痛いほど理解できる変数の使い方。(実践編)

押入れが部屋になっている@It_is_Rです。 今回の記事はJavaScriptマンガ講座、2回目となりました。 この企画はJavaScriptをフザケまくって覚えようというものです。

WordPress

無料で広告なしのWordPressサイトを立ち上げる方法。

猫を飼っています。でも犬派です。何か文句ありますか? …まぁ、最終的に動物全般が好きなんです。爬虫類から哺乳類、鳥類まで好きです。動物を飼っている人、今すぐ写真を@It_is_Rに送り付けて下さい。

HTML CSS

Google Fontsの使い方。サイトをカッコよくしよう。

Webページを作るのは結構好きな@It_is_Rです。 WordPress、もしくは他のホームページやブログをやっていると、フォントを変えたいなと思うことも多いと思います。 そこで、Googl