android开发笔记之browser 获取view对象的缩略图

       在android 的浏览器(browser)中,有一个可以查看上一个,下一个网页,而这个功能的核心是网页缩略图的功能。这二天,我在看浏览器(browser)的源码时,觉得这个功能其实完全能独立出来,并且扩展到对所有的View的都可以获取缩略图。

样例效果图:



详细代码:

(1)CaptureScreeUtil.java

package com.example.testcapturescreen;

import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.Log;
import android.view.View;

class CaptureScreeUtil{
	
	private static final String TAG = "TestCaptureScreen";
	
	public static Bitmap capture(int width,int height,View view) {
		// TODO Auto-generated method stub
		Log.i(TAG,"capture");
		
		Bitmap bitmap = Bitmap.createBitmap(width, height,Bitmap.Config.RGB_565);
		bitmap.eraseColor(Color.WHITE);
		
		Canvas canvas = new Canvas(bitmap);				
		final int left = view.getScrollX();		
		final int top = view.getScrollY();		
		int state = canvas.save();
		canvas.translate(-left, -top);		
		float scale = width / (float) view.getWidth();				
		canvas.scale(scale, scale, left, top);
		view.draw(canvas);		
		canvas.restoreToCount(state);
		
        // manually anti-alias the edges for the tilt
	    Paint sAlphaPaint = new Paint();      
	    //sAlphaPaint.setXfermode(new PorterDuffXfermode(Mode.CLEAR));
	    sAlphaPaint.setColor(Color.TRANSPARENT);
		
		canvas.drawRect(0, 0, 1, height, sAlphaPaint);
		canvas.drawRect(width - 1, 0, width,
				height, sAlphaPaint);
		canvas.drawRect(0, 0, width, 1, sAlphaPaint);
		canvas.drawRect(0, height - 1, width,
				height, sAlphaPaint);
		canvas.setBitmap(null);
		
		return bitmap;       
	}
}

(2)MainActivity.java

package com.example.testcapturescreen;

import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebView;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.TextView;
import android.app.Activity;
import android.graphics.Bitmap;

public class MainActivity extends Activity {
	
	private TextView myTextView = null;
	private WebView myWebView = null;
	private ImageView myImageView = null;
	private ImageView myImageView_2 = null;
	private RelativeLayout rl = null;
	
	
	
	private Bitmap mCapture = null;
    private int mCaptureWidth = 150;
    private int mCaptureHeight = 150;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        init();
    }

	private void init() {
		// TODO Auto-generated method stub
		myImageView = (ImageView)findViewById(R.id.myImageView);
		myImageView_2 = (ImageView)findViewById(R.id.myImageView_2);
		rl = (RelativeLayout)findViewById(R.id.rl);
		
		
		
		myWebView = (WebView)findViewById(R.id.myWebView);		
		myWebView.loadUrl("http://www.baidu.com"); 		
		myWebView.getSettings().setJavaScriptEnabled(true); 
		 
		myTextView = (TextView)findViewById(R.id.myTextView);		
		myTextView.setOnClickListener(new OnClickListener() {			
			@Override
			public void onClick(View arg0) {
				// TODO Auto-generated method stub
				mCapture = CaptureScreeUtil.capture(mCaptureWidth,mCaptureHeight,myWebView);
				updateUI(); 
			}
		});				
	}

	private void updateUI() {
		// TODO Auto-generated method stub
		myImageView.setImageBitmap(mCapture);
		myImageView_2.setImageBitmap(CaptureScreeUtil.capture(mCaptureWidth,mCaptureHeight,rl));
	}
}

(3)activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/rl"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <TextView
        android:id="@+id/myTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:text="点击我--测试网页的缩略图功能" />
    
   <WebView
		android:id="@+id/myWebView"
		android:layout_below="@id/myTextView"
		android:layout_width="match_parent"
        android:layout_height="150dp"
       />
   
   <ImageView
		android:id="@+id/myImageView"
		android:layout_below="@id/myWebView"
		android:layout_width="wrap_content"
        android:layout_height="wrap_content"        
       />  
    
	<ImageView
		android:id="@+id/myImageView_2"
		android:layout_below="@id/myWebView"
		android:layout_toRightOf="@id/myImageView"
		android:layout_width="wrap_content"
        android:layout_height="wrap_content"        
       /> 

</RelativeLayout>

(4)androidmanifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.testcapturescreen"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="18" />
    
	<uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.example.testcapturescreen.MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

代码下载:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

hfreeman2008

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值