用Fragment做蒙版来进行一个初始教学提示的效果

在android 软件第一次使用的时候，一般会在当前的界面上做一个灰色的蒙版，上面有显示的一些提醒性质的教学文字或者图案。

我想的是当前界面上蒙上一个 Fragment 把提示信息也放在Fragment上。

这是效果图。后面附上demo源码。

具体就是在activity成功启动之后。画出activity的view之后。这个不能在生命周期进行判断。我尝试的是用Handler去不断postDelay查看view是否被画出。即view的width > 0.

然后用代码动态的把这个蒙版Fragment加入到当前的Activity之中。

[java]  view plain copy

1. @Override  
2.     protected void onCreate(Bundle savedInstanceState)  
3.     {  
4.         super.onCreate(savedInstanceState);  
5.         setContentView(R.layout.activity_main);  
6.           
7.         rootView = findViewById(R.id.root);  
8.         final Handler mHandler = new Handler();  
9.           
10.         //不断延时 看view是否被加载出来。  
11.         mHandler.postDelayed(new Runnable()  
12.         {  
13.             @Override  
14.             public void run()  
15.             {  
16.                 if(rootView.getWidth() > 0){  
17.                     //把蒙版加载到当前的页面上  
18.                     detailsAssertFragment = new MyJobDetailsAssertFragment();  
19.                     getFragmentManager().beginTransaction()  
20.                         .add(R.id.root, detailsAssertFragment)  
21.                         .commit();  
22.                 }else {  
23.                     mHandler.postDelayed(this, 100);  
24.                 }  
25.             }  
26.         },300);  
27.     }  

注意的是R.id.root不是 detailAssertFragment的Id。这个函数的意思是把蒙版detailAssertFragment 加入到id是R.id.root的ViewGroup中。

我发现如果id为R.id.root的view 如果不是FrameLayout就无法添加蒙版成功。

看看蒙版Fragment的代码

[java]  view plain copy

1. public class MyJobDetailsAssertFragment extends Fragment{  
2.       
3.     public void MyJobDetailsAssertFragment(){  
4.           
5.     }  
6.   
7.     @Override  
8.        public View onCreateView(LayoutInflater inflater, ViewGroup container,  
9.                Bundle savedInstanceState)  
10.        {  
11.         View view = inflater.inflate(R.layout.my_jobs_details_assert, null);  
12.         //根据需求设定蒙版遮盖的位置。（这没有遮盖Actionbar，根据要求自行调整）  
13.         LayoutParams params= new LayoutParams(rootView.getWidth(),rootView.getHeight());  
14.         view.setLayoutParams(params);  
15.         view.setOnClickListener(new OnClickListener()  
16.         {  
17.               
18.             @Override  
19.             public void onClick(View v)  
20.             {  
21.                 //蒙版点击一下之后消失的处理  
22.                  getFragmentManager().beginTransaction()  
23.                     .remove(detailsAssertFragment)  
24.                     .commit();  
25.                   
26.                 showAssert = false;  
27.             }  
28.         });  
29.         showAssert = true;  
30.         return view;  
31.        }  
32. }  

实现的蒙版就已经是半透明的。不用再去设置他的透明度。蒙版的样式就在DetailAssertFragment加载的XML自己设置摆放图案。

Demo源码:http://download.csdn.net/detail/u012565107/7271675