正文  UI设计 > Launcher >

launcher修改--获取屏幕缩略图(预览图)

在android原生代码中,长按图片中的向前屏切换或者向后屏切换或者中间的那个所有应用的按钮,在其上方就会出现5个小的屏幕缩略图。由此,我们在launcher的代码里面查找一下,首先,我们要找到onLongClick(View ......

在android原生代码中,长按图片中的向前屏切换或者向后屏切换或者中间的那个所有应用的按钮,在其上方就会出现5个小的屏幕缩略图。

           由此,我们在launcher的代码里面查找一下,首先,我们要找到onLongClick(View v)这个方法,看下代码:

 

 
  1. public boolean onLongClick(View v) {  
  2.         switch (v.getId()) {  
  3.             case R.id.previous_screen:  
  4.                 if (!isAllAppsVisible()) {  
  5.                     mWorkspace.performHapticFeedback(HapticFeedbackConstants.LONG_PRESS,  
  6.                             HapticFeedbackConstants.FLAG_IGNORE_VIEW_SETTING);  
  7.                     showPreviews(v);  
  8.                 }  
  9.                 return true;  
  10.             case R.id.next_screen:  
  11.                 if (!isAllAppsVisible()) {  
  12.                     mWorkspace.performHapticFeedback(HapticFeedbackConstants.LONG_PRESS,  
  13.                             HapticFeedbackConstants.FLAG_IGNORE_VIEW_SETTING);  
  14.                     showPreviews(v);  
  15.                 }  
  16.                 return true;  
  17.             case R.id.all_apps_button:  
  18.                 if (!isAllAppsVisible()) {  
  19.                     mWorkspace.performHapticFeedback(HapticFeedbackConstants.LONG_PRESS,  
  20.                             HapticFeedbackConstants.FLAG_IGNORE_VIEW_SETTING);  
  21.                     showPreviews(v);  
  22.                 }  
  23.                 return true;  
  24.                   

在这里只截取了代码中的一部分,我们看到,都调用了showPreviews方法。
 
  1. private void showPreviews(View anchor) {  
  2.         showPreviews(anchor, 0, mWorkspace.getChildCount());  
  3.     }  
  4.   
  5.     private void showPreviews(final View anchor, int start, int end) {  
  6.         final Resources resources = getResources();  
  7.         final Workspace workspace = mWorkspace;  
  8.   
  9.         CellLayout cell = ((CellLayout) workspace.getChildAt(start));  
  10.           
  11.         float max = workspace.getChildCount();  
  12.           
  13.         final Rect r = new Rect();  
  14.         resources.getDrawable(R.drawable.preview_background).getPadding(r);  
  15.         int extraW = (int) ((r.left + r.right) * max);  
  16.         int extraH = r.top + r.bottom;  
  17.   
  18.         int aW = cell.getWidth() - extraW;  
  19.         float w = aW / max;  
  20.   
  21.         int width = cell.getWidth();  
  22.         int height = cell.getHeight();  
  23.         int x = cell.getLeftPadding();  
  24.         int y = cell.getTopPadding();  
  25.         width -= (x + cell.getRightPadding());  
  26.         height -= (y + cell.getBottomPadding());  
  27.   
  28.         float scale = w / width;  
  29.   
  30.         int count = end - start;  
  31.   
  32.         final float sWidth = width * scale;  
  33.         float sHeight = height * scale;  
  34.   
  35.         LinearLayout preview = new LinearLayout(this);  
  36.   
  37.         PreviewTouchHandler handler = new PreviewTouchHandler(anchor);  
  38.         ArrayList<Bitmap> bitmaps = new ArrayList<Bitmap>(count);  
  39.   
  40.         for (int i = start; i < end; i++) {  
  41.             ImageView image = new ImageView(this);  
  42.             cell = (CellLayout) workspace.getChildAt(i);  
  43.   
  44.             final Bitmap bitmap = Bitmap.createBitmap((int) sWidth, (int) sHeight,  
  45.                     Bitmap.Config.ARGB_8888);  
  46.   
  47.             final Canvas c = new Canvas(bitmap);  
  48.             c.scale(scale, scale);  
  49.             c.translate(-cell.getLeftPadding(), -cell.getTopPadding());  
  50.             cell.dispatchDraw(c);  
  51.               
  52.             image.setBackgroundDrawable(resources.getDrawable(R.drawable.preview_background));  
  53.             image.setImageBitmap(bitmap);  
  54.             image.setTag(i);  
  55.             image.setOnClickListener(handler);  
  56.             image.setOnFocusChangeListener(handler);  
  57.             image.setFocusable(true);  
  58.             if (i == mWorkspace.getCurrentScreen()) image.requestFocus();  
  59.             //添加到LinearLayout中  
  60.             preview.addView(image,  
  61.                     LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);  
  62.             //最后添加到ArrayList里面去  
  63.             bitmaps.add(bitmap);              
  64.         }  
  65.         //把上面的LinearLayout放到PopupWindow中。  
  66.         final PopupWindow p = new PopupWindow(this);  
  67.         p.setContentView(preview);  
  68.         p.setWidth((int) (sWidth * count + extraW));  
  69.         p.setHeight((int) (sHeight + extraH));  
  70.         p.setAnimationStyle(R.style.AnimationPreview);  
  71.         p.setOutsideTouchable(true);  
  72.         p.setFocusable(true);  
  73.         p.setBackgroundDrawable(new ColorDrawable(0));  
  74.         p.showAsDropDown(anchor, 0, 0);  
  75.   
  76.         p.setOnDismissListener(new PopupWindow.OnDismissListener() {  
  77.             public void onDismiss() {  
  78.                 dismissPreview(anchor);  
  79.             }  
  80.         });  
  81.   
  82.         anchor.setTag(p);  
  83.         anchor.setTag(R.id.workspace, preview);  
  84.         anchor.setTag(R.id.icon, bitmaps);          
  85.     }  

 

方法一共有三个参数,第一个,被点击的View,第二个从第几个开始,第三个是第几个结束。缩略图是从又向坐开始排列的。

在for循环中,是绘制预览图的代码。

 

 
  1.  for (int i = start; i < end; i++) {  
  2.             ImageView image = new ImageView(this);  
  3.             //获取屏幕  
  4.             cell = (CellLayout) workspace.getChildAt(i);     
  5.   
  6.             //按照上面设定的大小创建一个bitmap  
  7.             final Bitmap bitmap = Bitmap.createBitmap((int) sWidth, (int) sHeight,  
  8.              Bitmap.Config.ARGB_8888);   
  9.             //绘制  
  10.             final Canvas c = new Canvas(bitmap);  
  11.              //设置比例  
  12.              c.scale(scale, scale);  
  13.              c.translate(-cell.getLeftPadding(), -cell.getTopPadding());  
  14.              cell.dispatchDraw(c);   
  15.   
  16.             //设置image  
  17.             image.setBackgroundDrawable(resources.getDrawable(R.drawable.preview_background));  
  18.             image.setImageBitmap(bitmap);  
  19.             //设置标记  
  20.             image.setTag(i);  
  21.             image.setOnClickListener(handler);  
  22.             image.setOnFocusChangeListener(handler);  
  23.             image.setFocusable(true);  
  24.             if (i == mWorkspace.getCurrentScreen()) image.requestFocus();  
  25.   
  26.             //添加到LinearLayout中  
  27.             preview.addView(image,  
  28.                     LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);  
  29.             //最后添加到ArrayList里面去  
  30.             bitmaps.add(bitmap);  
  31.           bitmaps.add(bitmap);   
  32. }  
在源代码中有很多setTag()和getTag()方法,主要用于标记被点击的View,判断跳转事件时,根据tag里面的信息进行相应的跳转。 以上面的代码为例,简单说下setTag():
 
  1. <p></p><pre name="code" class="java">image.setTag(i);  
  2. image.setOnClickListener(handler);  
  3. image.setOnFocusChangeListener(handler);  
  4. image.setFocusable(true);  
  5. </pre>   
  6. <p></p>   
  7. <p><span style="font-size:16px">我们找到handler的代码:</span></p>   
  8. <p></p>   
  9. <pre readonly="" name="code" class="java">class PreviewTouchHandler implements View.OnClickListener, Runnable, View.OnFocusChangeListener {  
  10.         private final View mAnchor;  
  11.   
  12.         public PreviewTouchHandler(View anchor) {  
  13.             mAnchor = anchor;  
  14.         }  
  15.         //响应image的点击事件  
  16.         public void onClick(View v) {  
  17.             mWorkspace.snapToScreen((Integer) v.getTag());  
  18.             v.post(this);  
  19.         }  
  20.         public void run() {  
  21.             dismissPreview(mAnchor);              
  22.         }  
  23.         public void onFocusChange(View v, boolean hasFocus) {  
  24.             if (hasFocus) {  
  25.                 mWorkspace.snapToScreen((Integer) v.getTag());  
  26.             }  
  27.         }  
  28.     }</pre>  
  29. <span style="font-size:16px">当点击image,会触发相应事件,然后是获取image中带的信息,然后跳转到相应屏幕。</span>   
  30. <p></p>   
  31. <pre></pre>   
  32. <pre></pre>   
  33. <pre></pre>   
  34. <pre></pre>  
  35.  <link rel="stylesheet" href="/js/syntax_highlighter/SyntaxHighlighter.css" type="text/css"><script src="/js/syntax_highlighter/shCore.js"></script><script src="/js/syntax_highlighter/shSyntax.js"></script><script>$(document).ready(function(){dp.SyntaxHighlighter.HighlightAll('code');});</script>