DroidDevp

ในบทความนี้ จะแสดงให้เห็นถึงตัวอย่างการนับจำนวนตัวอักษรใน TextView โดยจะแสดงให้เห็นถึงการเขียนคำสั่งภายใน Class Activity, การเขียนคำสั่งภายในไฟล์ XML Layout, และการประกาศ Activity ไว้ภายในไฟล์ AndroidManifest.xml ดังนี้

การเขียนคำสั่งภายใน Class Activity

package nutt.me.activity;
import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;
import android.widget.Toast;
public class MainActivity extends Activity
{
public void onCreate ( Bundle savedInstanceState )
{
super.onCreate ( savedInstanceState );
this.setContentView ( R.layout.activity_main );
TextView label = ( TextView ) this.findViewById ( R.id.label );
int countCharacter = label.length ( );
String countChar = Integer.toString ( countCharacter );
Toast toast = Toast.makeText ( this, countChar, Toast.LENGTH_LONG );
toast.show ( );
}
}

จากคำสั่งข้างต้น สามารถอธิบายได้ว่า คำสั่ง TextView label = ( TextView ) this.findViewById ( R.id.label ); ในบรรทัดที่ 17 เป็นการสร้าง Object TextView โดยการไปค้นหามาจาก XML Layout และคำสั่ง int countCharacter = label.length ( ); ในบรรทัดที่ 19 เป็นการคืนค่าจำนวนตัวอักษรใน TextView

การเขียนคำสั่งภายในไฟล์ XML Layout

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView
android:id="@+id/label"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:text="Hello World" />
</RelativeLayout>

จากคำสั่งข้างต้น สามารถอธิบายได้ว่า element <TextView> มี id คือ label (ประกาศไว้ในบรรทัดที่ 7) ซึ่งถูกใช้อ้างอิงใน Class Activity ข้างต้น

การประกาศ Activity ไว้ภายในไฟล์ AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest ... >
<application ... >
<activity android:name="nutt.me.activity.MainActivity" ... >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>

จากคำสั่งข้างต้น สามารถอธิบายได้ว่า มีการประกาศ Activity ชื่อ MainActivity ที่อยู่ใน Package nutt.me.activity ไว้ภายในไฟล์ AndroidManifest.xml ในบรรทัดที่ 4

หน้าจอแสดงผลของ ตัวอย่างการนับจำนวนตัวอักษรใน TextView จากการเขียนคำสั่งข้างต้น

ในบทความนี้ จะแสดงให้เห็นถึงตัวอย่างการคืนค่าข้อความใน TextView โดยจะแสดงให้เห็นถึงการเขียนคำสั่งภายใน Class Activity, การเขียนคำสั่งภายในไฟล์ XML Layout, และการประกาศ Activity ไว้ภายในไฟล์ AndroidManifest.xml ดังนี้

การเขียนคำสั่งภายใน Class Activity

package nutt.me.activity;
import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;
import android.widget.Toast;
public class MainActivity extends Activity
{
public void onCreate ( Bundle savedInstanceState )
{
super.onCreate ( savedInstanceState );
this.setContentView ( R.layout.activity_main );
TextView label = ( TextView ) this.findViewById ( R.id.label );
String data = ( String ) label.getText ( );
Toast toast = Toast.makeText ( this, data, Toast.LENGTH_LONG );
toast.show ( );
}
}

จากคำสั่งข้างต้น สามารถอธิบายได้ว่า คำสั่ง TextView label = ( TextView ) this.findViewById ( R.id.label ); ในบรรทัดที่ 17 เป็นการสร้าง Object TextView โดยการไปค้นหามาจาก XML Layout และคำสั่ง String data = ( String ) label.getText ( ); ในบรรทัดที่ 19 เป็นการคืนค่าข้อความใน TextView โดยนำมาเก็บไว้ที่ตัวแปรประเภท String

การเขียนคำสั่งภายในไฟล์ XML Layout

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView
android:id="@+id/label"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:text="Hello World" />
</RelativeLayout>

การประกาศ Activity ไว้ภายในไฟล์ AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest ... >
<application ... >
<activity android:name="nutt.me.activity.MainActivity" ... >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>

หน้าจอแสดงผลของ ตัวอย่างการคืนค่าข้อความใน TextView จากการเขียนคำสั่งข้างต้น

ในบทความนี้ จะแสดงให้เห็นถึงตัวอย่างการต่อท้ายข้อความ ใน TextView โดยจะแสดงให้เห็นถึงการเขียนคำสั่งภายใน Class Activity, การเขียนคำสั่งภายในไฟล์ XML Layout, และการประกาศ Activity ไว้ภายในไฟล์ AndroidManifest.xml ดังนี้

การเขียนคำสั่งภายใน Class Activity

package nutt.me.activity;
import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;
public class MainActivity extends Activity
{
public void onCreate ( Bundle savedInstanceState )
{
super.onCreate ( savedInstanceState );
this.setContentView ( R.layout.activity_main );
TextView label = ( TextView ) this.findViewById ( R.id.label );
label.append ( " :: Android" );
}
}

จากคำสั่งข้างต้น สามารถอธิบายได้ว่า คำสั่ง TextView label = ( TextView ) this.findViewById ( R.id.label ); ในบรรทัดที่ 16 เป็นการสร้าง Object TextView โดยการไปค้นหามาจาก XML Layout และคำสั่ง label.append ( " :: Android" ); ในบรรทัดที่ 18 เป็นการต่อท้ายข้อความเดิมใน Object TextView

การเขียนคำสั่งภายในไฟล์ XML Layout

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView
android:id="@+id/label"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:text="Hello World" />
</RelativeLayout>

การประกาศ Activity ไว้ภายในไฟล์ AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest ... >
<application ... >
<activity android:name="nutt.me.activity.MainActivity" ... >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>

หน้าจอแสดงผลของ ตัวอย่างการต่อท้ายข้อความ ใน TextView จากการเขียนคำสั่งข้างต้น

ในบทความนี้ จะแสดงให้เห็นถึงตัวอย่างเบื้องต้นการใช้งาน Class TextView โดยจะแสดงให้เห็นถึงการเขียนคำสั่งภายใน Class Activity, การเขียนคำสั่งภายในไฟล์ XML Layout, และการประกาศ Activity ไว้ภายในไฟล์ AndroidManifest.xml ดังนี้

การเขียนคำสั่งภายใน Class Activity

package nutt.me.activity;
import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;
public class MainActivity extends Activity
{
public void onCreate ( Bundle savedInstanceState )
{
super.onCreate ( savedInstanceState );
this.setContentView ( R.layout.activity_main );
TextView label = ( TextView ) this.findViewById ( R.id.label );
label.setText ( "Hello World" );
}
}

จากคำสั่งข้างต้น สามารถอธิบายได้ว่า คำสั่ง TextView label = ( TextView ) this.findViewById ( R.id.label ); ในบรรทัดที่ 16 เป็นการสร้าง Object TextView โดยการไปค้นหามาจาก XML Layout และคำสั่ง label.setText ( "Hello World" ); ในบรรทัดที่ 18 เป็นการกำหนดข้อความให้กับ Object TextView

การเขียนคำสั่งภายในไฟล์ XML Layout

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView
android:id="@+id/label"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true" />
</RelativeLayout>

การประกาศ Activity ไว้ภายในไฟล์ AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest ... >
<application ... >
<activity android:name="nutt.me.activity.MainActivity" ... >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>

หน้าจอแสดงผลของ ตัวอย่างเบื้องต้นการใช้งาน Class TextView จากการเขียนคำสั่งข้างต้น

ในบทความนี้ จะแสดงให้เห็นถึงตัวอย่างการสร้าง Context Menu ใน Activity โดยจะแสดงให้เห็นถึงการเขียนคำสั่งภายใน Class Activity, การเขียนคำสั่งภายในไฟล์ XML Layout, และการประกาศ Activity ไว้ภายในไฟล์ AndroidManifest.xml ดังนี้

การเขียนคำสั่งภายใน Class Activity

package nutt.me.activity;
import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.TextView;
public class MainActivity extends Activity
{
protected static int HOME = 900;
protected static int ABOUTUS = 910;
public void onCreate ( Bundle savedInstanceState )
{
super.onCreate ( savedInstanceState );
this.setContentView ( R.layout.activity_main );
}
public boolean onCreateOptionsMenu ( Menu menu )
{
MenuItem item1 = menu.add ( 0, MainActivity.HOME, Menu.NONE, "Home" );
item1.setIcon ( R.drawable.contentmenu_home );
MenuItem item2 = menu.add ( 0, MainActivity.ABOUTUS, Menu.NONE, "About US" );
item2.setIcon ( R.drawable.contentmenu_aboutus );
return super.onCreateOptionsMenu ( menu );
}
public boolean onOptionsItemSelected ( MenuItem item )
{
int itemID = item.getItemId ( );
if ( itemID == MainActivity.HOME )
{
TextView label = ( TextView ) this.findViewById ( R.id.label );
label.setText ( "You select Home menu." );
}
else if ( itemID == MainActivity.ABOUTUS )
{
TextView label = ( TextView ) this.findViewById ( R.id.label );
label.setText ( "You select About US menu." );
}
return super.onOptionsItemSelected ( item );
}
}

จากคำสั่งข้างต้น สามารถอธิบายได้ว่า method onCreateOptionsMenu ( ) ในบรรทัดที่ 22 เป็น CallBack Method ที่จะทำงานเมื่อผู้ใช้ได้คลิกที่ปุ่ม Menu บน Device และ method onOptionsItemSelected ( ) ในบรรทัดที่ 37 เป็น CallBack Method ที่จะทำงานเมื่อผู้ใช้ได้เลือก Menu ที่แสดงขึ้นมานั้น

การเขียนคำสั่งภายในไฟล์ XML Layout

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView
android:id="@+id/label"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:text="- Please Select Content Menu -" />
</RelativeLayout>

การประกาศ Activity ไว้ภายในไฟล์ AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest ... >
<application ... >
<activity android:name="nutt.me.activity.MainActivity" ... >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>

หน้าจอแสดงผลของ ตัวอย่างการสร้าง Context Menu ใน Activity จากการเขียนคำสั่งข้างต้น

จากรูปแสดงหน้าจอของ MainActivity

จากรูปแสดงหน้าจอของ MainActivity เมื่อได้ Click ที่ปุ่ม Menu บน Device

จากรูปแสดงหน้าจอของ MainActivity หลังจากที่ได้เลือก Menu ที่แสดงขึ้นมานั้น

ในบทความนี้ จะแสดงให้เห็นถึงตัวอย่างการสั่งให้ Activity อื่นทำงาน เพื่อนำผลลัพธ์มาใช้ โดยจะแสดงให้เห็นถึงการเขียนคำสั่งภายใน Class Activity, การเขียนคำสั่งภายในไฟล์ XML Layout, และการประกาศ Activity ไว้ภายในไฟล์ AndroidManifest.xml ดังนี้

การเขียนคำสั่งภายใน Class Activity

package nutt.me.activity;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
public class MainActivity extends Activity
{
public void onCreate ( Bundle savedInstanceState )
{
super.onCreate ( savedInstanceState );
this.setContentView ( R.layout.activity_main );
Button btnChoice = ( Button ) this.findViewById ( R.id.choice );
btnChoice.setOnClickListener ( new View.OnClickListener ( )
{
public void onClick ( View v )
{
Intent intent = new Intent ( MainActivity.this, ChoiceActivity.class );
startActivityForResult ( intent, 999 );
}
}
);
}
protected void onActivityResult ( int requestCode, int resultCode, Intent intent )
{
super.onActivityResult ( requestCode, resultCode, intent );
if ( resultCode == RESULT_OK && requestCode == 999 )
{
String color = intent.getStringExtra ( "color" );
TextView label = ( TextView ) this.findViewById ( R.id.label );
label.setText ( color );
}
}
}

package nutt.me.activity;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
public class ChoiceActivity extends Activity
{
public void onCreate ( Bundle savedInstanceState )
{
super.onCreate ( savedInstanceState );
this.setContentView ( R.layout.activity_choice );
Button btnBlue = ( Button ) this.findViewById ( R.id.blue );
btnBlue.setOnClickListener ( new View.OnClickListener ( )
{
public void onClick ( View v )
{
Intent intent = new Intent ( );
intent.putExtra ( "color", "You select Blue Color" );
setResult ( RESULT_OK, intent );
finish ( );
}
}
);
Button btnGreen = ( Button ) this.findViewById ( R.id.green );
btnGreen.setOnClickListener ( new View.OnClickListener ( )
{
public void onClick ( View v )
{
Intent intent = new Intent ( );
intent.putExtra ( "color", "You select Green Color" );
setResult ( RESULT_OK, intent );
finish ( );
}
}
);
}
}

จากคำสั่งข้างต้น สามารถอธิบาย Class MainActivity ได้ดังนี้ คำสั่ง startActivityForResult ( intent, 999 ); ในบรรทัดที่ 27 เป็นการสั่งให้ Activity อื่นทำงาน และรอผลลัพธ์กลับมาใช้ โดยส่งค่า requestCode คือ 999 ไปด้วย และ method onActivityResult ( ) ในบรรทัดที่ 33 เป็น CallBack Method ที่จะทำงานเมื่อ Activity นั้นกลับมาทำงานอีกครั้งหนึ่ง หลังจากที่ได้สั่งให้ Activity อื่นทำงานโดยใช้ method startActivityForResult ( ) ซึ่งคำสั่ง if ( resultCode == RESULT_OK && requestCode == 999 ) ในบรรทัดที่ 37 เป็นการตรวจสอบเงื่อนไขว่าจะให้เกิดการทำงานใด ๆ จากการส่ง requestCode ใดไป และได้รับ resultCode ใดมา โดย resultCode เป็นค่าที่ส่งกลับมาจาก Activity ที่ได้สั่งให้ทำงาน และ requestCode เป็นค่าที่ได้ส่งไปใน method startActivityForResult ( )

และสามารถอธิบาย Class ChoiceActivity ได้ดังนี้ คำสั่ง setResult ( RESULT_OK, intent ); ในบรรทัดที่ 29 หรือบรรทัดที่ 48 เป็นการส่งค่า resultCode กลับไปยัง Activity ที่ได้สั่งให้ทำงาน

การเขียนคำสั่งภายในไฟล์ XML Layout

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView
android:id="@+id/label"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:text="- Please Select Color -" />
<Button
android:id="@+id/choice"
android:layout_below="@id/label"
android:layout_marginTop="20dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:text="Select Color" />
</RelativeLayout>

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<Button
android:id="@+id/blue"
android:layout_width="100dp"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:text="Blue" />
<Button
android:id="@+id/green"
android:layout_below="@id/blue"
android:layout_width="100dp"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_centerVertical="true"
android:text="Green" />
</RelativeLayout>

จากคำสั่งข้างต้น สามารถอธิบายไฟล์ activity_main.xml ได้ดังนี้ element <TextView> มี id คือ label (ประกาศไว้ในบรรทัดที่ 8) และ element <Button> มี id คือ choice (ประกาศไว้ในบรรทัดที่ 16) ซึ่ง id เหล่านี้ถูกใช้อ้างอิงใน Class MainActivity ข้างต้น

และสามารถอธิบายไฟล์ activity_choice.xml ได้ดังนี้ element <Button> มี id คือ blue (ประกาศไว้ในบรรทัดที่ 8) และ element <Button> มี id คือ green (ประกาศไว้ในบรรทัดที่ 16) ซึ่ง id เหล่านี้ถูกใช้อ้างอิงใน Class ChoiceActivity ข้างต้น

การประกาศ Activity ไว้ภายในไฟล์ AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest ... >
<application ... >
<activity android:name="nutt.me.activity.MainActivity" ... >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<activity android:name="nutt.me.activity.ChoiceActivity" ... />
</application>
</manifest>

จากคำสั่งข้างต้น สามารถอธิบายได้ว่า มีการประกาศ Activity ชื่อ MainActivity ที่อยู่ใน Package nutt.me.activity ไว้ภายในไฟล์ AndroidManifest.xml ในบรรทัดที่ 4 และมีการประกาศ Activity ชื่อ ChoiceActivity ที่อยู่ใน Package nutt.me.activity ไว้ภายในไฟล์ AndroidManifest.xml ในบรรทัดที่ 11

หน้าจอแสดงผลของ ตัวอย่างการสั่งให้ Activity อื่นทำงาน เพื่อนำผลลัพธ์มาใช้ จากการเขียนคำสั่งข้างต้น

จากรูปแสดงหน้าจอของ MainActivity

จากรูปแสดงหน้าจอของ ChoiceActivity เมื่อได้ Click ที่ปุ่ม "Select Color" จากหน้าจอของ MainActivity

จากรูปแสดงหน้าจอของ MainActivity อีกครั้ง หลังจากที่ได้เลือก Color จากหน้าจอ ChoiceActivity แล้ว ซึ่งสังเกตได้ว่า ข้อความได้เปลี่ยนไป

DroidDevp

การติดตั้งเครื่องมือพัฒนาแอพพลิเคชั่นบนระรบบปฏิบัติการ Android ด้วย ADT Bundle

การ Update Android SDK

การติดตั้งเครื่องมือสำหรับการเขียน Android Application

เริ่มต้นเขียน Application แบบง่ายๆ

ตัวอย่างการใช้งาน :: ตัวอย่างการนับจำนวนตัวอักษรใน TextView

ตัวอย่างการใช้งาน :: ตัวอย่างการคืนค่าข้อความใน TextView

ตัวอย่างการใช้งาน :: ตัวอย่างการต่อท้ายข้อความ ใน TextView

ตัวอย่างการใช้งาน :: ตัวอย่างเบื้องต้นการใช้งาน Class TextView

ตัวอย่างการใช้งาน :: ตัวอย่างการสร้าง Context Menu ใน Activity

ตัวอย่างการใช้งาน :: ตัวอย่างการสั่งให้ Activity อื่นทำงาน เพื่อนำผลลัพธ์มาใช้

Subscribe & Follow

Popular Posts

facebook fanpage