cc_美团 商品详情图片放大显示ViewPager

package com.chencheng.meituan.view;

import java.util.ArrayList;

import java.util.List;

import com.xinbo.widget.HackyViewPager;

import android.app.Activity;

import android.graphics.Bitmap;

import android.graphics.drawable.Drawable;

import android.os.Bundle;

import android.support.v4.view.PagerAdapter;

import android.support.v4.view.ViewPager;

import android.util.Log;

import android.view.Menu;

import android.view.View;

import android.view.ViewGroup;

import android.view.ViewGroup.LayoutParams;

import uk.co.senab.photoview.PhotoView;

import com.nostra13.universalimageloader.core.DisplayImageOptions;

import com.nostra13.universalimageloader.core.ImageLoader;

import com.nostra13.universalimageloader.core.assist.FailReason;

import com.nostra13.universalimageloader.core.display.FadeInBitmapDisplayer;

import com.nostra13.universalimageloader.core.listener.ImageLoadingListener;

import com.xinbo.utils.BitmapUtils;

import com.yuchen.meituan.R;

public class ShowImgActivity extends Activity {

private List<Drawable> mPics = new ArrayList<Drawable>();

private List<String> mImgURLs = new ArrayList<String>();

private ViewPager mViewPager;

private DisplayImageOptions options;

private Drawable mDrawable;

private String mImageUrl;

private MyPagerAdapter mPagerAdapter;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_view_pager);

mImageUrl = getIntent().getStringExtra("imageUrl");

initUIL();

initViewPager();

}

private void initViewPager() {

mViewPager = (HackyViewPager) findViewById(R.id.view_pager);

setContentView(mViewPager);

mPagerAdapter = new MyPagerAdapter();

loadPic();

// mViewPager.setAdapter(mPagerAdapter);

}

private void loadPic() {

Log.e("loadPic", "mImageUrl = " + mImageUrl);

ImageLoader.getInstance().loadImage(mImageUrl, options,

new ImageLoadingListener() {

@Override

public void onLoadingStarted(String arg0, View arg1) {

}

@Override

public void onLoadingFailed(String arg0, View arg1,

FailReason arg2) {

}

@Override

public void onLoadingComplete(String arg0, View arg1,

Bitmap arg2) {

mDrawable = BitmapUtils.bitmap2Drawable(arg2);

mViewPager.setAdapter(mPagerAdapter);

}

@Override

public void onLoadingCancelled(String arg0, View arg1) {

}

});

}

private void initUIL() {

options = new DisplayImageOptions.Builder()

.showImageOnLoading(R.drawable.ic_review_score_tip_excellent_off)

// 设置图片在下载期间显示的默认图片

.showImageForEmptyUri(R.drawable.ic_review_score_tip_excellent_off)

// 设置URI错误或者为空时显示的图片

.showImageOnFail(R.drawable.ic_review_score_tip_excellent_off)

// 设置图片加载或者解析出现错误时设置的图片

.cacheInMemory(true)

// 是否内存缓存

.cacheOnDisk(true)

// 是否外存缓存

.considerExifParams(true)

// .displayer(new RoundedBitmapDisplayer(100))// 是否设置图片圆角

.displayer(new FadeInBitmapDisplayer(200))// 图片加载好之后渐入的时间

.build();

}

class MyPagerAdapter extends PagerAdapter {

@Override

public int getCount() {

return 3;

}

@Override

public boolean isViewFromObject(View view, Object object) {

return view == object;

}

@Override

public Object instantiateItem(ViewGroup container, int position) {

PhotoView photoView = new PhotoView(container.getContext());

photoView.setImageDrawable(mDrawable);

// 在ViewPager中添加PhotoView,并返回

container.addView(photoView, LayoutParams.MATCH_PARENT,

LayoutParams.MATCH_PARENT);

return photoView;

}

@Override

public void destroyItem(ViewGroup container, int position, Object object) {

container.removeView((View) object);

}

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the action bar if it is present.

getMenuInflater().inflate(R.menu.main, menu);

return false;

}

}

时间: 2024-10-09 09:47:58

cc_美团 商品详情图片放大显示ViewPager的相关文章

cc_美团 商品详情页面分享页面实现

<RelativeLayout android:id="@+id/rl_share" android:layout_width="match_parent" android:layout_height="match_parent" android:visibility="gone" > <RelativeLayout android:id="@+id/other_layout_top" a

商品详情页面的显示

当点击商品图片的时候,会跳转到商品的详情页面,我们看下具体是如何实现的: 1.点击商品的图片,打开商品详情页面 a)         商品基本信息 b)        延迟加载商品详情.延迟一秒加载使用ajax c)         商品的规格参数.按需加载,当用户点击商品规格参数tab页,加载ajax. 如图:点击图片后显示内容如下: 所以需要从三个表中获取数据,发布服务接口: 需要在taotao-rest工程中发布服务 1.取商品基本信息的服务 2.取商品描述的服务 3.取商品规格的服务 需

jQuery鼠标悬停图片放大显示

jQuery鼠标悬浮放于图片上之后图片放大显示的效果,即鼠标移到图片上图片突出显示,鼠标移开后恢复原来的模样,你可以在图片滚动效果中加上本特效,相信会更炫一些. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http:/

jQuery点击图片放大显示原图效果

HTML部分:<div id="append_parent"></div> JS代码部分: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 //内容页图片点击放大效果     var imgBoxMod=$(".ctnlist .text i

ECOS 系统查找商品详情图片存入mysql情况。

SELECT g.goods_id, g.bn,g.name,b.brand_name,g.price,g.mktprice,c.cat_name into outfile '/tmp/xxx.xls' from sdb_b2c_goods as g LEFT JOIN sdb_b2c_goods_cat as c ON g.cat_id=c.cat_id LEFT JOIN sdb_b2c_brand as b ON g.brand_id = b.brand_id where length(g

css3-鼠标经过产品列表 图片放大 显示文字 (兼容IE9以上 不含IE9)

<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8" /> <title>实例: css3技巧--产品列表之鼠标滑过效果</title> <style> .main *{ padding:0; margin:0; font-family:'Source Code Pro', Menlo, Consolas, Monaco, monospace; box-

layui 表格图片放大

1. 表格塞图片 ,{title: '图片', width:120, templet: function(d) { return '<div onclick="show_img(this)" ><img src="'+d.image_path+'" ' + ' width="50px" height="50px"></a></div>'; }} 2. 图片放大 //显示大图片 f

在ecshop商品详情页显示供货商

好久没写文章了,隐约记得前几天有人问到这个问题:[如何在ecshop商品详情页面显示该商品的供货商?] 今天有时间整理下,分享给大家. 注:以下修改适用于ecshop2.7.2,其他版本未做测试. 1). 首先需要修改程序文件,将供货商读取出来,然后赋值给模板 打开文件 /goos.php, 在 $smarty->assign('goods', $goods); 上边增加以下代码 if($goods['suppliers_id']) { $goods['suppliers_name']=$db-

Ecshop商品详情页显示当前会员等级价格

会员登录状态下,在ECSHOP商品详情页的本店售价中显示当前登录会员对应的等级价格,在未登录状态下,则还默认显示原来的本店售价. 解决方法: 这个需要修改ECSHOP程序代码来实现. 打开文件 /includes/lib_goods.php 将 $row['shop_price_formated'] = price_format($row['shop_price']); 修改为 $row['shop_price_formated'] = $_SESSION[user_rank] ? price_