ภาพรวม
ตัวอย่างนี้สาธิตการสร้าง Custom Notification Layout ที่มี TextView แบบ Marquee (ข้อความวิ่ง) สำหรับแสดงข้อความยาวในพื้นที่จำกัด
ขั้นตอนที่ 1: สร้างโปรเจกต์ใหม่
Android Studio → File → New Project
ขั้นตอนที่ 2: Layout หลัก (activity_main.xml)
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android"
xmlns:tools="https://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:layout_margin="16dp"
android:onClick="createNotification"
android:text="create notification" />
</RelativeLayout>
ขั้นตอนที่ 3: Custom Notification Layout (custom_notification_layout.xml)
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android"
android:id="@+id/layout"
android:layout_width="match_parent"
android:layout_height="64dp"
android:padding="10dp">
<ImageView
android:id="@+id/image"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_alignParentStart="true"
android:layout_marginEnd="10dp"
android:contentDescription="@string/app_name"
android:src="@mipmap/ic_launcher" />
<TextView
android:id="@+id/title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toEndOf="@id/image"
android:text="Testing"
android:textColor="#000"
android:textSize="13sp" />
<!-- TextView แบบ Marquee - ข้อความวิ่ง -->
<TextView
android:id="@+id/text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/title"
android:layout_toEndOf="@id/image"
android:ellipsize="marquee"
android:singleLine="true"
android:text="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."
android:textColor="#000"
android:textSize="13sp"
android:focusable="true"
android:focusableInTouchMode="true"
android:marqueeRepeatLimit="marquee_forever" />
</RelativeLayout>
ขั้นตอนที่ 4: MainActivity - ใช้ RemoteViews
package app.tutorialspoint.com.notifyme;
import android.app.NotificationChannel;
import android.app.NotificationManager;
import android.os.Build;
import android.os.Bundle;
import android.support.v4.app.NotificationCompat;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.RemoteViews;
public class MainActivity extends AppCompatActivity {
public static final String NOTIFICATION_CHANNEL_ID = "10001";
private final static String default_notification_channel_id = "default";
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
public void createNotification(View view) {
// สร้าง RemoteViews จาก Custom Layout
RemoteViews contentView = new RemoteViews(getPackageName(), R.layout.custom_notification_layout);
NotificationManager mNotificationManager = (NotificationManager) getSystemService(NOTIFICATION_SERVICE);
NotificationCompat.Builder mBuilder = new NotificationCompat.Builder(MainActivity.this, default_notification_channel_id);
mBuilder.setContent(contentView); // ใช้ Custom Layout
mBuilder.setSmallIcon(R.drawable.ic_launcher_foreground);
mBuilder.setAutoCancel(true);
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
int importance = NotificationManager.IMPORTANCE_HIGH;
NotificationChannel notificationChannel = new NotificationChannel(
NOTIFICATION_CHANNEL_ID, "NOTIFICATION_CHANNEL_NAME", importance);
mBuilder.setChannelId(NOTIFICATION_CHANNEL_ID);
assert mNotificationManager != null;
mNotificationManager.createNotificationChannel(notificationChannel);
}
assert mNotificationManager != null;
mNotificationManager.notify((int) System.currentTimeMillis(), mBuilder.build());
}
}
ขั้นตอนที่ 5: AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android"
package="app.tutorialspoint.com.notifyme">
<uses-permission android:name="android.permission.VIBRATE" />
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:roundIcon="@mipmap/ic_launcher_round"
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>
คุณสมบัติสำคัญของ Marquee TextView
| Attribute | ค่า | คำอธิบาย |
|---|---|---|
| android:ellipsize | "marquee" | เปิดโหมดข้อความวิ่ง |
| android:singleLine | "true" | บังคับให้เป็นบรรทัดเดียว (จำเป็น) |
| android:focusable | "true" | ต้องสามารถโฟกัสได้ |
| android:focusableInTouchMode | "true" | โฟกัสได้ในโหมดสัมผัส |
| android:marqueeRepeatLimit | "marquee_forever" | วิ่งวนรอบไม่รู้จบ (API 16+) |
ข้อจำกัดของ Custom Notification Layout
- RemoteViews รองรับ View เฉพาะบางชนิด: TextView, ImageView, Button, ProgressBar, Chronometer, AnalogClock
- ไม่รองรับ: EditText, WebView, RecyclerView, ViewPager, Custom Views
- Layout: RelativeLayout, LinearLayout, FrameLayout (พื้นฐาน)
- ขนาด: จำกัดความสูง ~64dp (Collapsed) ~256dp (Expanded)
- Marquee อาจไม่ทำงานบน Lock Screen หรือบาง Launcher
ทางเลือกอื่นสำหรับข้อความยาว
1. BigTextStyle (แนะนำ)
ใช้ Notification มาตรฐาน ขยาย/ยุบได้ ไม่ต้องทำ Custom Layout
2. InboxStyle
สำหรับรายการหลายบรรทัด
3. setSubText() / setSummaryText()
เพิ่มข้อความรองด้านล่าง
4. MessagingStyle
สำหรับแชท/ข้อความสนทนา รองรับการตอบกลับ