Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Android

วิธีทำให้ข้อความใน Android Notification วิ่ง (Marquee/Scrolling Text)

ภาพรวม

ตัวอย่างนี้สาธิตการสร้าง 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

สำหรับแชท/ข้อความสนทนา รองรับการตอบกลับ