實現自定義佈局的Notification – Android移動開發技術文章_手機開發 Android移動開發教學課程

上一節中,我們實現瞭自己的notification,相信大傢都有瞭一些認識,在最後也接受瞭利用RemoteView來實現自定義佈局的notification,這裡就來舉一個示例,方便理解。

      第一步:新建一個工程,命名為cusNotification;

      第二步:新建一個佈局文件(即自定義的notification的佈局文件:custom_notification.xml,內容如下:

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" > 
     
    <ImageView  
        android:id="@+id/image" 
        android:layout_width="wrap_content" 
        android:layout_height="fill_parent" 
        android:layout_alignParentLeft="true" 
        android:layout_marginRight="10dp" 
        android:contentDescription="@string/Image" /> 
     
    <TextView  
        android:id="@+id/title" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_toRightOf="@id/image" 
        style="@style/NotificationTitle" /> 
     
    <TextView  
        android:id="@+id/text" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_toRightOf="@id/image" 
        android:layout_below="@id/title" 
        style="@style/NotificationText" /> 
     
</RelativeLayout> 
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
   
 <ImageView
     android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_alignParentLeft="true"
        android:layout_marginRight="10dp"
        android:contentDescription="@string/Image" />
 
    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/image"
        style="@style/NotificationTitle" />
   
    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/image"
        android:layout_below="@id/title"
        style="@style/NotificationText" />
   
</RelativeLayout>
          第三步:新建上面佈局文件中引用到的styyes.xml文件,代碼如下:

<?xml version="1.0" encoding="utf-8"?> 
<resources> 
    <style name="NotificationText" parent="android:TextAppearance.StatusBar.EventContent" /> 
    <style name="NotificationTitle" parent="android:TextAppearance.StatusBar.EventContent.Title" /> 
</resources> 
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="NotificationText" parent="android:TextAppearance.StatusBar.EventContent" />
    <style name="NotificationTitle" parent="android:TextAppearance.StatusBar.EventContent.Title" />
</resources>
       第四步:修改java源文件,代碼如下:

public class CusNotificationActivity extends Activity { 
    private static final int CUSTOM_VIEW_ID = 1; 
    /** Called when the activity is first created. */ 
    @Override 
    public void onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        setContentView(R.layout.main); 
         
        //Notification notification = new Notification();  
        int icon = R.drawable.ic_launcher; 
        CharSequence tickerText = "Notification01"; 
        long when = System.currentTimeMillis(); 
 
        Notification notification = new Notification(icon, tickerText, when); 
         
        RemoteViews contentView = new RemoteViews(getPackageName(), R.layout.custom_notification); 
        contentView.setImageViewResource(R.id.image, R.drawable.notification_image); 
        contentView.setTextViewText(R.id.title, "Custom notification"); 
        contentView.setTextViewText(R.id.text, "This is a custom layout"); 
        notification.contentView = contentView; 
         
        Intent notificationIntent = new Intent(this, CusNotificationActivity.class); 
        PendingIntent contentIntent = PendingIntent.getActivity(CusNotificationActivity.this, 0, notificationIntent, 0); 
        notification.contentIntent = contentIntent; 
         
        String ns = Context.NOTIFICATION_SERVICE; 
        NotificationManager mNotificationManager = (NotificationManager) getSystemService(ns); 
        mNotificationManager.notify(CUSTOM_VIEW_ID, notification); 
    } 

public class CusNotificationActivity extends Activity {
 private static final int CUSTOM_VIEW_ID = 1;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
       
        //Notification notification = new Notification();
        int icon = R.drawable.ic_launcher;
        CharSequence tickerText = "Notification01";
        long when = System.currentTimeMillis();

        Notification notification = new Notification(icon, tickerText, when);
       
        RemoteViews contentView = new RemoteViews(getPackageName(), R.layout.custom_notification);
        contentView.setImageViewResource(R.id.image, R.drawable.notification_image);
        contentView.setTextViewText(R.id.title, "Custom notification");
        contentView.setTextViewText(R.id.text, "This is a custom layout");
        notification.contentView = contentView;
       
        Intent notificationIntent = new Intent(this, CusNotificationActivity.class);
        PendingIntent contentIntent = PendingIntent.getActivity(CusNotificationActivity.this, 0, notificationIntent, 0);
        notification.contentIntent = contentIntent;
       
        String ns = Context.NOTIFICATION_SERVICE;
        NotificationManager mNotificationManager = (NotificationManager) getSystemService(ns);
        mNotificationManager.notify(CUSTOM_VIEW_ID, notification);
    }
}          第五步:運行程序,看看再notifications window中出現的效果如下:


 當然,我們這裡還和默認的佈局效果做一下對比,下面的是使用默認的佈局的效果圖:


 這裡主要是講解自定義佈局notification的實現,並沒有做出很炫的效果!就到這吧!

摘自 chenlong12580的專欄

發佈留言