模仿网易新闻图片点击放大效果

简介:
先把效果拿出来看一下,点击新闻图片可以弹出一个DIALOG放大


原理如下:
服务端需要处理:
1、定义一个新闻浏览页面,如news_list.php?newsid=1
把新闻浏览的内容读取出来

需要注意的是内容里的图片,需要给图片增加一个事件onClick=\"javascript:contactsAction.setImgSrc('$url')\" 



$code = "<img src=\"$turl\" border=\"0\"  onClick=\"javascript:contactsAction.setImgSrc('$url')\"  style=\"$styleCss\" onload=\"$onload\" $alt>";


客户端处理

1、bbsinfo_listhtml.xml 新闻内容显示模版
2、bbsimgshow.xml 新闻图片点击放大效果
3、BbsinfoList.java 新闻内容读取页面
4、BbsImageShow.java 图片放大页面


处理过程:
新闻内容页放置webview控件
当内容显示出来时,点击图片触发服务端的JS事件,客户端抓取服务端返回的数据,然后打开图片放大窗体,进行显示。再点击一次就关闭窗体。
1、bbsinfo_listhtml.xml代码
  <WebView
            android:id="@+id/webView1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" />

2、bbsimgshow.xml代码
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content">
  
<ImageView android:id="@+id/ivbig"
        android:layout_width="wrap_content" android:layout_height="wrap_content"></ImageView>
</LinearLayout>

3、BbsinfoList.java

package com.wyf.tab;

import java.util.List;

import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;

import com.wyf.tab.util.Constant;

import android.app.Activity;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.util.Log;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnLongClickListener;
import android.webkit.WebChromeClient;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebView.HitTestResult;
import android.webkit.WebViewClient;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.Toast;

public class BbsinfoList extends Activity implements OnClickListener {
        private WebView wv;
        String tid;
        private String url;

        LinearLayout ld;
        private ImageView bt_left;
        Intent intent = new Intent();

        @Override
        public void onCreate(Bundle savedInstanceState) {
                super.onCreate(savedInstanceState);
                setContentView(R.layout.bbsinfo_listhtml);
                // 加载动画
                ld = (LinearLayout) findViewById(R.id.loading);
                ld.setVisibility(View.VISIBLE);
                findview();
                //
                Thread thread = new Thread(new Runnable() {
                        public void run() {
                                Message message = new Message();
                                message.what = 0;
                                mHandler.sendMessage(message);
                        }
                });
                thread.start();
                // 获取传过来的参数
                Bundle bundle = this.getIntent().getExtras();
                tid = bundle.getString("tid");
                url = Constant.WEB_DIR + Constant.ThreadInfoUrl_webview + tid;

        }

        // 处理跳转到主Activity
        private Handler mHandler = new Handler() {
                @Override
                public void handleMessage(Message msg) {
                        Log.d(">>>>>Mhandler", "开始handleMessage");
                        showContent(url);
                        Log.d(">>>>>Mhandler", "LoadActivity关闭");
                        if (msg.what == 0) {
                                ld.setVisibility(View.GONE);
                        }
                }
        };

        private void findview() {

                wv = (WebView) findViewById(R.id.webView1);
                wv.setVisibility(WebView.VISIBLE);
                WebSettings ws = wv.getSettings();
                ws.setUseWideViewPort(true);
                ws.setJavaScriptEnabled(true);
                wv.addJavascriptInterface(new ContactsPlugin(), "contactsAction");
                ws.setSupportZoom(true);
                wv.setWebChromeClient(new WebChromeClient() {

                        public void onProgressChanged(WebView view, int progress) {
                                setTitle("页面加载中,请稍候..." + progress + "%");
                                setProgress(progress * 100);
                                ld.setVisibility(View.VISIBLE);
                                if (progress == 100) {
                                        setTitle(R.string.app_name);
                                        ld.setVisibility(View.GONE);
                                }
                        }
                });
                //
                bt_left = (ImageView) findViewById(R.id.btn_left);
                bt_left.setOnClickListener(new View.OnClickListener() {

                        @Override
                        public void onClick(View v) {
                                finish();
                        }
                });
        }

        private void showContent(String url) {
                wv.loadUrl(url);
        }

        @Override
        public void onClick(View v) {
                // TODO Auto-generated method stub

        }
        
        private class ContactsPlugin {            
            /**
             * 拨号
             */
            @SuppressWarnings("unused")
                public void setImgSrc(String imgSrc) {
                    //Toast.makeText(BbsinfoList.this, imgSrc + "数据加载完!",
                        //                Toast.LENGTH_LONG).show();
                        Log.e("imgurl", imgSrc);
                        Intent intent = new Intent(BbsinfoList.this, BbsImageShow.class);
                        Bundle bundle = new Bundle();
                        bundle.putString("imgSrc", imgSrc);
                        intent.putExtras(bundle);
                        startActivity(intent);
            }
    }

}

4、BbsImageShow.java

package com.wyf.tab;
import java.io.IOException;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.URL;

import android.app.Activity;
import android.content.Intent;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.widget.ImageView;
import android.widget.Toast;
public class BbsImageShow  extends Activity{
        private ImageView iv;

        @Override
        public void onCreate(Bundle savedInstanceState) {
                super.onCreate(savedInstanceState);
                requestWindowFeature(Window.FEATURE_NO_TITLE);
                setContentView(R.layout.bbsimgshow);

                findview();
        }

        /*
         * 初始化控件,加载数据
         */
        private void findview() {
                Intent intent = this.getIntent();
                Bundle bundle = intent.getExtras();
                String imgSrc = bundle.getString("imgSrc");
                //Bitmap bm = BitmapFactory.decodeFile(imgSrc);
                Bitmap bm = returnBitMap(imgSrc); 
                iv = (ImageView) findViewById(R.id.ivbig);
                iv.setImageBitmap(bm);
                iv.setOnClickListener(new ImageView.OnClickListener() {

                        public void onClick(View arg0) {
                                //Toast.makeText(ImageShow.this, "关闭图片", Toast.LENGTH_SHORT).show();
                                finish();
                        }
                });
                

        }
         //获取图片路径函数
          public static Bitmap returnBitMap(String url) {  
                  URL myFileUrl = null;  
                  Bitmap bitmap = null;  
                  try {  
                  myFileUrl = new URL(url);  
                  } catch (MalformedURLException e) {  
                  e.printStackTrace();  
                  }  
                  try {  
                  HttpURLConnection conn = (HttpURLConnection) myFileUrl.openConnection();  
                  conn.setDoInput(true);  
                  conn.connect();  
                  InputStream is = conn.getInputStream();  
                  bitmap = BitmapFactory.decodeStream(is);  
                  is.close();  
                  } catch (IOException e) {  
                  e.printStackTrace();  
                  }  
                  return bitmap;  
                } 
}


相关文章
|
7月前
|
JavaScript 前端开发 开发者
|
4月前
|
人工智能 搜索推荐 定位技术
证件照尺寸修改、图片背景换色、照片大小压缩…几个在线图片编辑、处理网站推荐
证件照尺寸修改、图片背景换色、照片大小压缩…几个在线图片编辑、处理网站推荐
|
9月前
平面设计实验三 手机海报与选区操作
平面设计实验三 手机海报与选区操作
41 0
|
C# 开发工具
C#滑动拼图验证码实现笔记
C# 是一个现代的、通用的、面向对象的编程语言,它是由微软(Microsoft)开发的,由 Ecma 和 ISO 核准认可的。突发奇想,动手开发一个C#滑动拼图验证码,下面是我开发过程的记录。
C#滑动拼图验证码实现笔记
|
前端开发 JavaScript
两步实现在网站左下角实现音乐播放器弹窗听歌
两步实现在网站左下角实现音乐播放器弹窗听歌
112 0
两步实现在网站左下角实现音乐播放器弹窗听歌
截图如何能截到鼠标?脑洞小方法
截图如何能截到鼠标?脑洞小方法
253 0
|
机器学习/深度学习 编解码 人工智能
Photoshop把AI论文demo打包实现了:照片上色、改年龄、换表情只需要点点鼠标
我们见过很多神经网络上色、换表情、修改年龄的研究和应用,但它们往往只存在于 GitHub 上,距离「人人能用」还有一段距离。但最近,推出 Photoshop 的 Adobe 这次终于有所表示了:你们论文里的效果,我们打包实现了。
184 0
Photoshop把AI论文demo打包实现了:照片上色、改年龄、换表情只需要点点鼠标
|
算法 容器 数据可视化
WPF_界面_图片/界面/文字模糊解决之道整理
原文:WPF_界面_图片/界面/文字模糊解决之道整理 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010265681/article/details/76651792 图片模糊: 图片尺寸:  检查图片,png, DPI=72,Stretch="None",原图尺寸和xaml里面写的尺寸一致。
1201 0