蒙版提示页（添加新功能后的一种提示）

其实提示页本身就是一个布局，里面有一张或是几张图片，向用户提示在当前版本有新添加了某个功能，引导用户使用，一般只会出现一次。

先上布局代码：

    
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/parentlayout"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@color/all_backgroud" >


      .
      .(这里省略无关的代码)
      .

<LinearLayout
        android:id="@+id/linearLayout_mask"
        android:layout_width="fill_parent"
17         android:layout_height="fill_parent"（注意设置全屏）
        android:background="@drawable/share_mask_back"
        android:gravity="top"（适当的方位也很重要）
        android:visibility="gone" >

        <ImageView
            android:id="@+id/imageView_mask"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/share_mask"(美工设计的引导提示图片)
            android:scaleType="fitStart" >
        </ImageView>
    </LinearLayout>
    
</RelativeLayout>

share_mask_back背景设置代码（半透明）：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
>
    <gradient 
        android:startColor="#d2000000"
        android:centerColor="#d2000000"
        android:endColor="#d2000000" 
        android:shape="rectangle"
        android:centerX="-5"
        android:angle="0"
    />
</shape>

主要代码：

 1
/** 初次进入时候的蒙版背景 */
private LinearLayout linearLayout_mask;  
/** 初次进入时的蒙版图片 */
private ImageView imageView_mask;

//蒙版相关初始化
linearLayout_mask = (LinearLayout)findViewById(R.id.linearLayout_mask);
imageView_mask = (ImageView)findViewById(R.id.imageView_mask);

//设置监听

linearLayout_mask.setOnClickListener(this);

 @Override

      public void onClick(View v) {
          // TODO Auto-generated method stub
          switch (v.getId()) {
          case R.id.linearLayout_mask://分享蒙版监听,截取蒙板下方的点击事件
              break;
             
          case R.id.imageView_mask://分享蒙版上的按钮
              linearLayout_mask.setVisibility(View.GONE);
             context.getSharedPreferences("Setting", Context.MODE_PRIVATE).edit().putBoolean("read_share", true).commit();
            break;
            
        default:
             break;
         }
    }

  setMask();//设置蒙版，一般在oncreat()里面设置

/**
     * 设置第一次进入时的蒙版
     */
    private void setMask() {
        
        SharedPreferences sharedPreferences = context.getSharedPreferences(
                "Setting", Context.MODE_PRIVATE);
        boolean isread =  sharedPreferences.getBoolean("read_share", false);
        if(!isread){
            // 调整顶部背景图片的大小，适应不同分辨率的屏幕
            DisplayMetrics dm = new DisplayMetrics();
            getWindowManager().getDefaultDisplay().getMetrics(dm);
            int width = dm.widthPixels;
            int height = (int) ((float) width / 48 *31);
            imageView_mask.setLayoutParams(new LinearLayout.LayoutParams(width, height));
            linearLayout_mask.setVisibility(View.VISIBLE);
        }else{
            linearLayout_mask.setVisibility(View.GONE);
        }
    }

效果如下：