web-dev-qa-db-fra.com

Firebase Push Notification - Comment afficher un message multiligne dans Notification

Obtenir la notification message de la notification push uniquement dans un une seule ligne, alors que je l'attendais dans multiple lines avec BigPictureStyle et Base (les deux styles de notification).

Voir la pièce jointe Capture}, alors que dans cette image, nous montrons simplement "Hello from Firebase Cloud Messaging", ce qui correspond à une seule ligne.

Mais le fait est que, si j'essaie de montrer "Bonjour de Firebase Cloud Messaging et encore Bonjour de Firebase Cloud Messaging" même alors je reçois un message en single line only avec trois points à la fin comme ça ...

 enter image description here

Voici la part requise du code, j'utilise:

NotificationCompat.Builder notificationBuilder = new NotificationCompat.Builder(this)
                .setLargeIcon(image)/*Notification icon image*/
                .setSmallIcon(R.mipmap.ic_launcher)
                .setContentTitle(messageTitle)
                .setContentText(messageBody)
                .setStyle(new NotificationCompat.BigPictureStyle()
                        .bigPicture(image)
                        .setBigContentTitle(messageTitle)
                        .setSummaryText(Html.fromHtml(messageBody)
                        .toString()))/*Notification with Image*/
                .setAutoCancel(true)
                .setSound(defaultSoundUri)
                .setContentIntent(pendingIntent);

NOTE: Même problème, je suis confronté à chaque fois que je suis envoi de message sans grande image} _ (Notification Push Base/Simple)

Voir cette capture d'écran:

 enter image description here

Ainsi, le ne concerne que est Comment afficher un message multiligne dans Notification?.

androidfirebasepush-notificationfirebase-cloud-messaging
14
Sophie

Vous l’avez presque eu, il vous suffit de définir la propriété bigText .

    NotificationCompat.Builder notificationBuilder =
            new NotificationCompat.Builder(this)
                    .setSmallIcon(R.mipmap.ic_launcher)
                    .setAutoCancel(true);

    NotificationCompat.BigTextStyle bigTextStyle = new NotificationCompat.BigTextStyle();
    bigTextStyle.setBigContentTitle("Title");
    bigTextStyle.bigText("Lorem ipsum dolor sit amet, consectetur adipiscing elit," +
            " sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. " +
            "Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris " +
            "nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in.");

    notificationBuilder.setStyle(bigTextStyle);

    NotificationManager mNotifyMgr = (NotificationManager)
            getSystemService(NOTIFICATION_SERVICE);
    mNotifyMgr.notify(1, notificationBuilder.build());

 multiline

11
Dus

Vous devriez utiliser votre propre mise en page:

Builder builder = new Builder(context);
builder.setSmallIcon(R.drawable.star_white)
builder.setAutoCancel(true)
builder.setContentIntent(pendingIntent);
builder.setPriority(NotificationCompat.PRIORITY_MAX);

RemoteViews remoteViewsBig = new RemoteViews(context.getPackageName(), R.layout.notification_big);
RemoteViews remoteViews = new RemoteViews(context.getPackageName(), R.layout.notification_small);
remoteViewsBig.setImageViewBitmap(R.id.banner, bitmap);

remoteViewsBig.setTextViewText(R.id.button, data.getButtonText());
remoteViews.setTextViewText(R.id.button, data.getButtonText());

remoteViewsBig.setTextViewText(R.id.text_title, data.getTitle());
remoteViews.setTextViewText(R.id.text_title, data.getTitle());

remoteViewsBig.setTextViewText(R.id.text_content, data.getContent());
remoteViews.setTextViewText(R.id.text_content, data.getContent());

builder.setCustomContentView(remoteViews);
builder.setCustomBigContentView(remoteViewsBig);

NotificationManager notificationManager =
            (NotificationManager) context.getSystemService(Context.NOTIFICATION_SERVICE);
notificationManager.notify(notificationId, builder.build());

Et les fichiers 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="wrap_content"
              Android:background="@color/custom_blue_gray_800"
              Android:orientation="horizontal"
    >

    <ImageView
        Android:layout_width="44dp"
        Android:layout_height="44dp"
        Android:layout_gravity="center"
        Android:src="@mipmap/ic_launcher"
        />

    <LinearLayout
        Android:layout_width="0dp"
        Android:layout_height="wrap_content"
        Android:layout_marginLeft="12dp"
        Android:layout_marginRight="12dp"
        Android:layout_weight="1"
        Android:gravity="center_vertical"
        Android:orientation="vertical"
        Android:padding="8dp"
        >

        <TextView
            Android:id="@+id/text_title"
            Android:layout_width="wrap_content"
            Android:layout_height="wrap_content"
            Android:textColor="@Android:color/white"
            Android:textSize="16sp"
            tools:text="Title"
            />

        <TextView
            Android:id="@+id/text_content"
            Android:layout_width="wrap_content"
            Android:layout_height="wrap_content"
            Android:textColor="@Android:color/darker_gray"
            Android:textSize="14sp"
            tools:text="text\ntext\ntext"
            />

    </LinearLayout >

    <Button
        Android:id="@+id/button"
        Android:layout_width="wrap_content"
        Android:layout_height="36dp"
        Android:layout_gravity="center_vertical"
        Android:background="@drawable/button_main"
        Android:text="Click"
        Android:textColor="@Android:color/white"
        Android:textSize="12sp"
        />

</LinearLayout >

et

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
              xmlns:app="http://schemas.Android.com/apk/res-auto"
              Android:layout_width="match_parent"
              Android:layout_height="wrap_content"
              Android:background="@color/custom_blue_gray_800"
              Android:orientation="vertical"
              Android:paddingLeft="12dp"
              Android:paddingRight="12dp"
              Android:paddingBottom="12dp"
    >

    <include layout="@layout/notification_small" />

    <ImageView
        Android:id="@+id/banner"
        Android:layout_width="match_parent"
        Android:layout_height="match_parent"
        Android:adjustViewBounds="true"
        Android:scaleType="centerCrop"
        />


</LinearLayout >
4
mac229

essaye ça:-

NotificationCompat.Builder builder = new NotificationCompat.Builder(
        context);
Notification notification = builder.setContentIntent(contentIntent)
        .setSmallIcon(icon).setTicker(appname).setWhen(0)
        .setAutoCancel(true).setContentTitle(appname)
        .setStyle(new NotificationCompat.BigTextStyle().bigText(message))
        .setContentText(message).build();

notificationManager.notify(0, notification);
3
Nikhil Jadhav

Vous pouvez afficher plusieurs lignes à l'aide de @Dus answer ... Mais avec bigPictureSyle, la méthode setSummaryText comportera toujours une seule ligne. Une autre option consiste à créer RemoteView et à mettre en œuvre l'interface utilisateur conformément à votre conception requise.

Pour RemoteView Reportez-vous this

2
Burhanuddin Rashid

J'espère que cela vous est habitué .

   NotificationCompat.Builder builder = new NotificationCompat.Builder(
            context);
    Notification notification = builder.setContentIntent(contentIntent)
            .setSmallIcon(icon).setTicker(appname).setWhen(0)
            .setAutoCancel(true).setContentTitle(appname)
            .setStyle(new NotificationCompat.BigTextStyle().bigText(message))
            .setContentText(message).build();

    notificationManager.notify(0, notification);

Référez-vous à ce lien: Afficher la notification en multiligne

Je vous remercie...

2
vicky mahale

C’est ainsi que je parviens à afficher une grande image et des textes multilignes dans les notifications. C'est un code de travail dans mon projet. 

Il y a 2 types de messages fcm dans fcm. Display Messages et Data Messages. Et j'utilise Data Messages pour gérer les notifications fcm au premier plan et à l'arrière-plan.

  /**
 * Created by Mohammed Farhan on 01-08-2017.
 */

public class MyFirebaseMessagingService extends FirebaseMessagingService
{

    private static final String TAG = "MyFirebaseMsgService";
    private AppAuth auth;

    @Override
    public void onMessageReceived(RemoteMessage remoteMessage)
    {
    }




        /*To check if remoteMessage is empty, if not empty then read the id from "title" field*/
        if (remoteMessage.getData().size() > 0)
        {
            Map<String, String> data = remoteMessage.getData();
            String title = data.get("title");
            sendNotification(title);
            Log.d(TAG, title.toString());
        }

    }


    private void sendNotification(String title)
    {


        final String id = title;

        /* Here DataFromServer is custom method, used to sync data from my server. It has interface method to listen it when data sync and adding it to local sql completes*/
        DataFromServer dataFromServer = new DataFromServer(this);
        dataFromServer.setDataLoadCompleteListener(new DataLoadCompleteListener()
        {
            @Override
            public void dataLoadComplete()
            {

            /*AppNotificationDAO is a class which  has many DAO(Data Access Object) method. I have used DAO to make ease in saving,querying data from local sql*/
                AppNotificationDAO appNotificationDAO = new AppNotificationDAO(MyFirebaseMessagingService.this);

                /*getAppNotificationByID is DAO method which does server communication and fetch data from it based on Id(Here its notificationId)*/
                AppNotification appNotification = appNotificationDAO.getAppNotificationByID(Long.valueOf(id));
                if (appNotification != null)
                {
                    if (appNotification.getPhoto().equalsIgnoreCase("NA"))
                    {
                    /* photo is a field in my AppNotification class and getPhoto() is getter  and appNotification.getPhoto() returns the value stored in it. Here am using it to save url of image related to notification in my web app*/

                        /*if url is not present then below method displays just a text as notification*/
                        showBigTextStyleNotification(appNotification);
                    }
                    else
                    {


                    /*if there is url then am running asyncTask to get bitmap of that image and show it in notification tray along with text. Below method does that*/
                        new showBigPictureStyleNotification(MyFirebaseMessagingService.this,
                                appNotification.getMessage(),
                                Links.NOTIFICATION_IMAGE + "/" + appNotification.getPhoto(), appNotification)
                                .execute();

                                /* am passing some variables inside above methods, and Links is a class where have defined some strings (links) to my webapp*/
                    }
                }
            }
        });
        dataFromServer.getAppNotificationFromServer(Long.valueOf(id));




    }

    private void displayNotification(AppNotification appNotification)
    {
        Intent intent = new Intent(MyFirebaseMessagingService.this, NotificationListActivity.class);
        intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);
        PendingIntent pendingIntent = PendingIntent.getActivity(MyFirebaseMessagingService.this,
                0, intent, PendingIntent.FLAG_ONE_SHOT);

        Uri notificationSoundUri = RingtoneManager.getDefaultUri(RingtoneManager.TYPE_NOTIFICATION);

        NotificationCompat.Builder builder = new NotificationCompat.Builder(this);
        builder.setContentTitle("KSP_PQRS");
        builder.setContentText(appNotification.getSubject());
        builder.setContentIntent(pendingIntent);
        builder.setSmallIcon(R.drawable.notification);
        builder.setSound(notificationSoundUri);
        builder.build();

        NotificationManager notificationManager = (NotificationManager) getSystemService(Context.NOTIFICATION_SERVICE);
        notificationManager.notify(100, builder.build());
    }

    private void showBigTextStyleNotification(AppNotification appNotification)
    {
        Bitmap icon1 = BitmapFactory.decodeResource(getResources(),
                R.drawable.police_logo);

        Android.support.v4.app.NotificationCompat.Builder mBuilder = new NotificationCompat.Builder(
                this).setAutoCancel(true)
                .setContentTitle(appNotification.getSubject())
                .setSmallIcon(R.drawable.police_logo)
                .setLargeIcon(icon1)
                .setContentText(appNotification.getMessage());

        NotificationCompat.BigTextStyle bigText = new NotificationCompat.BigTextStyle();
        bigText.bigText(appNotification.getMessage());
        bigText.setBigContentTitle(appNotification.getSubject());
        bigText.setSummaryText(getResources().getString(R.string.app_name));
        mBuilder.setStyle(bigText);
        mBuilder.setSound(RingtoneManager.getDefaultUri(RingtoneManager.TYPE_NOTIFICATION));
        mBuilder.setPriority(NotificationCompat.PRIORITY_MAX);

        // Creates an explicit intent for an Activity in your app
        Intent resultIntent;
        if (appNotification.getType().equalsIgnoreCase("GEN"))
        {
            resultIntent = new Intent(this, NotificationListActivity.class);
        }
        else
        {
            resultIntent = new Intent(this, MainActivity.class);
        }

        TaskStackBuilder stackBuilder = TaskStackBuilder
                .create(this);
        stackBuilder.addParentStack(MainActivity.class);
        stackBuilder.addNextIntent(resultIntent);
        PendingIntent resultPendingIntent = stackBuilder
                .getPendingIntent(0, PendingIntent.FLAG_UPDATE_CURRENT);
        mBuilder.setContentIntent(resultPendingIntent);

        NotificationManager mNotificationManager = (NotificationManager) this.getSystemService(Context.NOTIFICATION_SERVICE);
        mNotificationManager.notify(((int) appNotification.getId()) + 1000, mBuilder.build());
    }

    private class showBigPictureStyleNotification extends AsyncTask<String, Void, Bitmap>
    {
        private Context mContext;
        private String title, message, imageUrl;
        AppNotification appNotification;

        showBigPictureStyleNotification(Context context, String message, String imageUrl, AppNotification appNotification)
        {
            super();
            this.mContext = context;
            this.title = getResources().getString(R.string.app_name);
            this.message = message;
            this.imageUrl = imageUrl;
            this.appNotification = appNotification;
        }

        @Override
        protected Bitmap doInBackground(String... params)
        {
            InputStream in;
            try
            {
                auth = new AppAuthDAO(mContext).getAppAuth();
                byte[] toEncrypt = (auth.getUsername() + ":" + auth.getPassword() + ":" + auth.getDeviceId()).getBytes();
                String encryptedCredentials = Base64.encodeToString(toEncrypt, Base64.NO_WRAP);

                URL url = new URL(this.imageUrl);
                HttpURLConnection connection = (HttpURLConnection) url.openConnection();
                connection.setDoInput(true);
                connection.setRequestProperty("Authorization", "Basic " + encryptedCredentials);
                connection.connect();
                in = connection.getInputStream();
                Bitmap myBitmap = BitmapFactory.decodeStream(in);
                return myBitmap;
            }
            catch (IOException e)
            {
                e.printStackTrace();
            }
            return null;
        }

        @TargetApi(Build.VERSION_CODES.JELLY_BEAN)
        @Override
        protected void onPostExecute(Bitmap result)
        {
            super.onPostExecute(result);

            Intent intent;
            if (appNotification.getType().equalsIgnoreCase("GEN"))
            {
                intent = new Intent(mContext, NotificationListActivity.class);
            }

            else
            {
                intent = new Intent(mContext, MainActivity.class);
            }

            PendingIntent pendingIntent = PendingIntent.getActivity(mContext, 100, intent, PendingIntent.FLAG_ONE_SHOT);

            NotificationManager notificationManager = (NotificationManager) mContext.getSystemService(Context.NOTIFICATION_SERVICE);
            Notification notif = new Notification.Builder(mContext)
                    .setContentIntent(pendingIntent)
                    .setContentTitle(title)
                    .setContentText(appNotification.getSubject())
                    .setTicker(message)
                    .setSubText(message)
                    .setSmallIcon(R.drawable.police_logo)
                    .setLargeIcon(BitmapFactory.decodeResource(getResources(), R.drawable.police_logo))

                    /*using setStyle am setting big image along with some lines of text in notifications*/
                    .setStyle(new Notification.BigPictureStyle().bigPicture(result))
                    .setSound(RingtoneManager.getDefaultUri(RingtoneManager.TYPE_NOTIFICATION))
                    .build();
            notif.flags |= Notification.FLAG_AUTO_CANCEL;
            notificationManager.notify(((int) appNotification.getId()) + 1000, notif);
        }
    }
}
0
Mohammed Farhan