作者別: たんたむ

Android Studio入門

Android プログラミング【 アクティビティ③ 】 ~ 画面の編集 ~

たんたむ

Android 【アクティビティ3 】 画面の編集 768

前回作成した画面を編集します。
編集するファイルを、間違わなかったら問題ないと思います。

動画リスト

この動画はシリーズ物です。以下の順にご覧ください。

  1. 【 アクティビティ① 】 ~ アクティビティとは ~
  2. 【 アクティビティ② 】 ~ 画面の作成 ~
  3. 【 アクティビティ③ 】 ~ 画面の編集 ~
  4. 【 アクティビティ④ 】 ~ 画面の切替 ~
  5. 【 アクティビティ⑤ 】 ~ 画面を閉じる ~

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: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.activity.MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="タイトル画面"
        android:textSize="30sp" />

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="onButton1"
        android:text="設定画面"
        android:textSize="30sp" />

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="onButton2"
        android:text="ギャラリー"
        android:textSize="30sp" />
</LinearLayout>

activity_setting.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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#ffaaff"
    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.activity.Setting">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="設定画面"
        android:textSize="30sp" />
</RelativeLayout>

activity_gallery.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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#88ffff"
    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.activity.Gallery">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="ギャラリー"
        android:textSize="30sp" />

</RelativeLayout>
Android Studio入門

Android プログラミング【 アクティビティ② 】 ~ 画面の作成 ~

たんたむ

Android 【アクティビティ2 】 画面の作成 768

アプリ開発に必須のアクティビティを学習します。
今回は３つの画面を作り、作成されるファイルを確認します。

動画リスト

この動画はシリーズ物です。以下の順にご覧ください。

  1. 【 アクティビティ① 】 ~ アクティビティとは ~
  2. 【 アクティビティ② 】 ~ 画面の作成 ~
  3. 【 アクティビティ③ 】 ~ 画面の編集 ~
  4. 【 アクティビティ④ 】 ~ 画面の切替 ~
  5. 【 アクティビティ⑤ 】 ~ 画面を閉じる ~

完成の確認

アンドロイド 【１画面に２ファイル】

作成の流れ

画面の作成（アクティヴィティの作成）は、細かい詳細を省くと超カンタンです。
以下の流れで作成できますので、確認してください。

アクティビティの作成 【画面を開く】

アクティビティの作成②-名前の入力
② 名前の入力

アクティビティの作成③-作成の確認
③ 作成の確認
アクティビティの作成④-画面の編集
④ 画面の編集
Android Studio入門

Android プログラミング【 アクティビティ① 】 ~ アクティビティとは ~

たんたむ

Android 【 アクティビティ1】 アクティビティとは？ 768

アプリ開発に必須のアクティビティを学習します。
アクティビティを簡単に言うと「画面」です。

かなり重要な項目ですが、挫折ポイントでもある難問です。
焦らずにまずは「慣れ」を目指してください。

動画リスト

この動画はシリーズ物です。以下の順にご覧ください。

  1. 【 アクティビティ① 】 ~ アクティビティとは ~
  2. 【 アクティビティ② 】 ~ 画面の作成 ~
  3. 【 アクティビティ③ 】 ~ 画面の編集 ~
  4. 【 アクティビティ④ 】 ~ 画面の切替 ~
  5. 【 アクティビティ⑤ 】 ~ 画面を閉じる ~

解説

アクティビティとは-１

アクティビティとは-２

Android Studio入門

Android Studio 入門【 画面分割④ 】~複数レイアウト~

たんたむ

Android-【画面分割】複数レイアウト-768
画面分割の①~③を組み合わせて、複雑なレイアウトを目指します。
RPG画面をモデルにしていますが、クイズ画面、メニュー画面など幅広く応用できます。

動画リスト

この動画はシリーズ物です。以下の順にご覧ください。

  1. 【 画面分割① 】~均等分割~
  2. 【 画面分割② 】~比率で配置~
  3. 【 画面分割③ 】~下揃え~
  4. 【 画面分割④ 】~複数レイアウト~

縦横画面対応

画面が縦でも横でもそれなりに見える作りを目指しました。

縦横画面対応

Designタブ

レイアウトと画像の順番、配置にご注意してください。

Android レイアウト デザインタブ解説

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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.test.rpggame.MainActivity">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop"
        android:src="@drawable/back" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="2"
            android:src="@drawable/m0" />


        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:orientation="horizontal">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:scaleType="fitEnd"
                android:src="@drawable/p0" />

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:scaleType="fitEnd"
                android:src="@drawable/p1" />

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:scaleType="fitEnd"
                android:src="@drawable/p2" />

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1"
                android:scaleType="fitEnd"
                android:src="@drawable/p3" />
        </LinearLayout>
    </LinearLayout>

</RelativeLayout>
Android Studio入門

Android Studio 入門【 画面分割③ 】~下揃え~

たんたむ

Android-【画面分割】 下揃え 768

画面下部にキャラクター（画像）を並べるレイアウトです。
もちろん、アイコンやメニューを並べることも可能です。

動画リスト

この動画はシリーズ物です。以下の順にご覧ください。

  1. 【 画面分割① 】~均等分割~
  2. 【 画面分割② 】~比率で配置~
  3. 【 画面分割③ 】~下揃え~
  4. 【 画面分割④ 】~複数レイアウト~

縦横画面対応

画面が縦でも横でもそれなりに見える作りを目指しました。

Android レイアウト 縦横画面対応

Designタブ

レイアウトと画像の順番、配置にご注意してください。

Android Studio デザインタブ

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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.test.rpggame.MainActivity">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop"
        android:src="@drawable/back" />

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ImageView
            android:scaleType="fitEnd"
            android:layout_weight="1"
            android:src="@drawable/p0"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
             />

        <ImageView
            android:scaleType="fitEnd"
            android:layout_weight="1"
            android:src="@drawable/p1"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
        <ImageView
            android:scaleType="fitEnd"
            android:layout_weight="1"
            android:src="@drawable/p2"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
        <ImageView
            android:scaleType="fitEnd"
            android:layout_weight="1"
            android:src="@drawable/p3"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </LinearLayout>


</RelativeLayout>

XML図解

Android レイアウト【XML解説】

Android Studio入門

Android Studio 入門【 画面分割② 】~比率で配置~

たんたむ

Android-【画面分割】比率で配置-768

画像の幅や高さを比率で配置ます。
具体的には「画面の３割」や「２対１」などで配置できます。

動画リスト

この動画はシリーズ物です。以下の順にご覧ください。

  1. 【 画面分割① 】~均等分割~
  2. 【 画面分割② 】~比率で配置~
  3. 【 画面分割③ 】~下揃え~
  4. 【 画面分割④ 】~複数レイアウト~

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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.test.rpggame.MainActivity">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop"
        android:src="@drawable/back" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="2"
            android:src="@drawable/m0" />

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:src="@drawable/p0" />
    </LinearLayout>

</RelativeLayout>

XML図解

アンドロイド XML図解2

Android Studio入門

Android Studio 入門【 画面分割① 】~均等分割~

たんたむ

Android-【画面分割】均等分割-768

画像を均等に並べる方法です。
縦画面でも横画面でも対応できます。

動画リスト

この動画はシリーズ物です。以下の順にご覧ください。

  1. 【 画面分割① 】~均等分割~
  2. 【 画面分割② 】~比率で配置~
  3. 【 画面分割③ 】~下揃え~
  4. 【 画面分割④ 】~複数レイアウト~

縦横画面対応

画面が縦でも横でもそれなりに見える作りを目指します。

Nexus4 Nexus5 Nexus9 比較

使用素材

RPG画面 使用素材 モンスター
m0：モンスター
RPG画面 使用素材 プレーヤー
p0：プレーヤー
RPG画面 使用素材 ヒロイン
p1：ヒロイン
RPG画面 使用素材 武器屋
p2：武器屋
RPG画面 使用素材 雑貨屋
p3：雑貨屋
RPG画面使用素材 背景
back：背景

レイアウト解説

レイアウトや画像の並びを確認しておきます。

android Studio デザインタブ

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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.test.rpggame.MainActivity">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop"
        android:src="@drawable/back" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:src="@drawable/m0" />

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:src="@drawable/p0" />
    </LinearLayout>

</RelativeLayout>

XML図解

Android 画面分割 【XML図解】

Android Studio入門

15分で作る？ 【バイブレーション④】～ チェック版 ～

たんたむ

Android-Studio-入門【チェック版】タイトル768

バイブレーションの最終回です。
本体のバイブレーション機能をチェックし、有ればバイブを鳴らし、無ければトーストを表示します。

動画リスト

この動画はシリーズ物です。以下の順にご覧ください。

  1. 【バイブレーション①】～ 基礎編 ～
  2. 【バイブレーション②】～ 停止処理 ～
  3. 【バイブレーション③】～ リズム版 ～
  4. 【バイブレーション④】～ チェック版 ～

AndroidManifest.xml（完成）

前回と全く一緒ですので変更は不要です。

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.test.vibration">

    <uses-permission android:name="android.permission.VIBRATE" />
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        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>
    </application>

</manifest>

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: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=".MainActivity">

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="onStart"
        android:text="START"
        android:textSize="50dp" />

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="onStop"
        android:text="STOP"
        android:textSize="50dp" />
    
</LinearLayout>

MainActivity.java（完成）

本体にバイブレーション機能がある場合はバイブレーションが鳴り、無い場合はトーストを表示します。
※ エミュレーターではトーストが表示される様子

package com.test.vibration;

import android.content.Context;
import android.os.Vibrator;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

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

    // STARTボタン    //////////////////////////////////
    public void onStart(View v) {
       // バイブレーターが存在するか？
       if(((Vibrator) getSystemService(Context.VIBRATOR_SERVICE)).hasVibrator()) {
           // バイブレーションスタート（1秒：1000ミリ秒）
           ((Vibrator) getSystemService(Context.VIBRATOR_SERVICE))
                   .vibrate(new long[]{500, 200, 500, 2000}, 0);
       } else {
           Toast.makeText(this, "起動出来ません", Toast.LENGTH_SHORT).show();
       }
    }
    // STOPボタン    //////////////////////////////////
    public void onStop(View v) {
        // キャンセル
        ((Vibrator) getSystemService(Context.VIBRATOR_SERVICE)).cancel();
    }

    // 強制停止処理   //////////////////////////////////
    @Override
    protected void onPause() {
        super.onPause();
        // キャンセル処理
        ((Vibrator) getSystemService(Context.VIBRATOR_SERVICE)).cancel();
    }
}

15分で作る？ 【バイブレーション③】～ リズム版 ～

たんたむ

Android-Studio-入門【リズム版】タイトル768

バイブレーションをアレンジします。
複雑なリズムを付けたり、繰り返しを指定することが出来ます。

動画リスト

この動画はシリーズ物です。以下の順にご覧ください。

  1. 【バイブレーション①】～ 基礎編 ～
  2. 【バイブレーション②】～ 停止処理 ～
  3. 【バイブレーション③】～ リズム版 ～
  4. 【バイブレーション④】～ チェック版 ～

AndroidManifest.xml（完成）

前回と全く一緒ですので変更は不要です。

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.test.vibration">

    <uses-permission android:name="android.permission.VIBRATE" />
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        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>
    </application>

</manifest>

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: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=".MainActivity">

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="onStart"
        android:text="START"
        android:textSize="50dp" />

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="onStop"
        android:text="STOP"
        android:textSize="50dp" />
    
</LinearLayout>

MainActivity.java（完成）

バイブレーションにリズムをつけます。

package com.test.vibration;

import android.content.Context;
import android.os.Vibrator;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;

public class MainActivity extends AppCompatActivity {

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

    // STARTボタン    //////////////////////////////////
    public void onStart(View v) {
        // バイブスタート（0.5秒停止、0.2秒鳴る、0.5秒停止、2秒鳴る、を繰り返す）
        ((Vibrator) getSystemService(Context.VIBRATOR_SERVICE))
                .vibrate( new long[]{500,200, 500,2000}, 0 );
    }

    // STOPボタン    //////////////////////////////////
    public void onStop(View v) {
        // キャンセル処理
        ((Vibrator) getSystemService(Context.VIBRATOR_SERVICE)).cancel();
    }

    // 強制停止処理   //////////////////////////////////
    @Override
    protected void onPause() {
        super.onPause();
        // キャンセル処理
        ((Vibrator) getSystemService(Context.VIBRATOR_SERVICE)).cancel();
    }
}

MainActivity.java（アレンジ版）

バイブレーションにリズムをつけます。

package com.test.vibration;

import android.content.Context;
import android.os.Vibrator;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;

public class MainActivity extends AppCompatActivity {

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

    // STARTボタン    //////////////////////////////////
    public void onStart(View v) {
        // バイブスタート（0.1秒停止、0.1秒鳴る、を3回繰り返し、5秒鳴って終了する）
        ((Vibrator) getSystemService(Context.VIBRATOR_SERVICE))
            .vibrate( new long[]{100,100, 100,100, 100,100, 100,5000}, -1 );
    }

    // STOPボタン    //////////////////////////////////
    public void onStop(View v) {
        // キャンセル処理
        ((Vibrator) getSystemService(Context.VIBRATOR_SERVICE)).cancel();
    }

    // 強制停止処理   //////////////////////////////////
    @Override
    protected void onPause() {
        super.onPause();
        // キャンセル処理
        ((Vibrator) getSystemService(Context.VIBRATOR_SERVICE)).cancel();
    }
}
Android Studio入門

15分で作る？ 【バイブレーション②】～ 停止処理 ～

たんたむ

Android Studio 入門【停止処理】タイトル768

バイブレーションの停止処理を追加します。
通常の停止処理だけでなく、トラブル時の対応も追加しています。

動画リスト

この動画はシリーズ物です。以下の順にご覧ください。

  1. 【バイブレーション①】～ 基礎編 ～
  2. 【バイブレーション②】～ 停止処理 ～
  3. 【バイブレーション③】～ リズム版 ～
  4. 【バイブレーション④】～ チェック版 ～

ポイント

バイブレーションの停止もとても簡単です。
以下の１行を適切な場所に張付けるだけで停止することが出来ます。

((Vibrator) getSystemService(Context.VIBRATOR_SERVICE)).cancel();

AndroidManifest.xml（完成）

前回と全く一緒ですので変更は不要です。

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.test.vibration">

    <uses-permission android:name="android.permission.VIBRATE" />
    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        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>
    </application>

</manifest>

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: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=".MainActivity">

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="onStart"
        android:text="START"
        android:textSize="50dp" />

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="onStop"
        android:text="STOP"
        android:textSize="50dp" />
    
</LinearLayout>

MainActivity.java（完成）

ボタンクリック時にバイブレーションが鳴ります。
本体の「バイブレーション有無」はチェックしていません。

package com.test.vibration;

import android.content.Context;
import android.os.Vibrator;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;

public class MainActivity extends AppCompatActivity {

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

    // STARTボタン    //////////////////////////////////
    public void onStart(View v) {
        // バイブレーションスタート（1秒：1000ミリ秒）
        ((Vibrator) getSystemService(Context.VIBRATOR_SERVICE)).vibrate(10000);
    }

    // STOPボタン    //////////////////////////////////
    public void onStop(View v) {
        // キャンセル処理
        ((Vibrator) getSystemService(Context.VIBRATOR_SERVICE)).cancel();
    }


    // 強制停止処理   //////////////////////////////////
    @Override
    protected void onPause() {
        super.onPause();
        // キャンセル処理
        ((Vibrator) getSystemService(Context.VIBRATOR_SERVICE)).cancel();
    }
}