Contents
อีเวนต์ onClick
แบบที่ 1
ผูกอีเวนต์ไว้ที่หน้า Layout ด้วย android:onClick แล้วเขียนเมธอดไว้ที่หน้า Activity
activity_main.xml
[code lang=”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: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.phaisarn.jackapplication.MainActivity">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="onClick"
android:text="Click" />
</LinearLayout>
[/code]
MainActivity.java
[code lang=”java”]
package com.phaisarn.jackapplication;
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);
}
public void onClick(View view) {
Toast.makeText(this, "Hello World#1", Toast.LENGTH_SHORT).show();
}
}
[/code]
แบบที่ 2
ผูกอีเวนต์ที่หน้า Activity ไว้กับปุ่มที่หน้า Layout โดยสร้าง Inner Class แบบ Anonymous (เหมาะกับการเรียกใช้แบบครั้งเดียว)
activity_main.xml
[code lang=”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: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.phaisarn.jackapplication.MainActivity">
<Button
android:id="@+id/my_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Click" />
</LinearLayout>
[/code]
MainActivity.java
[code lang=”java”]
package com.phaisarn.jackapplication;
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 {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button myButton = (Button) findViewById(R.id.my_button);
myButton.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Toast.makeText(getApplicationContext(), "Hello World#2", Toast.LENGTH_SHORT).show();
}
});
}
}
[/code]
แบบที่ 3
ผูกอีเวนต์ที่หน้า Activity ไว้กับปุ่มที่หน้า Layout โดยสร้าง Inner Class ขึ้นมา (สามารถเรียกใช้ได้หลายครั้ง)
MainActivity.java
[code lang=”java”]
package com.phaisarn.jackapplication;
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 {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button myButton = (Button) findViewById(R.id.my_button);
myButton.setOnClickListener(new MyListener());
}
private class MyListener implements View.OnClickListener{
@Override
public void onClick(View view) {
Toast.makeText(getApplicationContext(), "Hello World#3", Toast.LENGTH_SHORT).show();
}
}
}
[/code]
แบบที่ 4
ผูกอีเวนต์ที่หน้า Activity ไว้กับปุ่มที่หน้า Layout โดย Implement อินเทอร์เฟส View.OnClickListener ไว้ที่ Class หลักเลย
MainActivity.java
[code lang=”java”]
package com.phaisarn.jackapplication;
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 implements View.OnClickListener {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button myButton = (Button) findViewById(R.id.my_button);
myButton.setOnClickListener(this);
}
@Override
public void onClick(View view) {
Toast.makeText(getApplicationContext(), "Hello World#4", Toast.LENGTH_SHORT).show();
}
}
[/code]
แต่ในกรณีที่มีหลายปุ่ม ให้ตรวจสอบว่าอีเวนต์นี้ถูกเรียกมาจากปุ่มไหนด้วย view.getId()
activity_main.xml
[code lang=”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: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.phaisarn.jackapplication.MainActivity">
<Button
android:id="@+id/my_button1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Click1" />
<Button
android:id="@+id/my_button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Click2" />
</LinearLayout>
[/code]
MainActivity.java
[code lang=”java”]
package com.phaisarn.jackapplication;
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 implements View.OnClickListener {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button myButton1 = (Button) findViewById(R.id.my_button1);
myButton1.setOnClickListener(this);
Button myButton2 = (Button) findViewById(R.id.my_button2);
myButton2.setOnClickListener(this);
}
@Override
public void onClick(View view) {
switch (view.getId()) {
case R.id.my_button1:
Toast.makeText(getApplicationContext(), "Button#1", Toast.LENGTH_SHORT).show();
break;
case R.id.my_button2:
Toast.makeText(getApplicationContext(), "Button#2", Toast.LENGTH_SHORT).show();
break;
}
}
}
[/code]