网上取图片（Fragment）用viewpager显示侧滑

generallizhong 2023-03-28 原文

实现功能：通过地址网上去多张图片，然后显示viewpager上，可以实现侧滑。

首先新建MainImageDetailActivityy继承FragmentActivity

 package com.example.httpviewpagerfragmnet;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentStatePagerAdapter;
import android.support.v4.view.ViewPager;
    public class MainImageDetailActivityy extends FragmentActivity {
        ViewPager mViewPager;
        private ImagePagerAdapter mAdapter;

        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.main_image_detail_activityy);
            mViewPager=(ViewPager) findViewById(R.id.viewpagerone);

            mAdapter = new ImagePagerAdapter(getSupportFragmentManager(),Constances.imageThumbUrls);
            mViewPager.setAdapter(mAdapter);
            mViewPager.setOffscreenPageLimit(3);//ViewPager预加载页设置
        }
        public class ImagePagerAdapter extends FragmentStatePagerAdapter{
            private String[] mImageUrls;
            private final int mSize;
            public ImagePagerAdapter(FragmentManager fm,String[] mn) {
                super(fm);
                mImageUrls = mn;

                mSize = mImageUrls.length;
            }


            @Override
            public Fragment getItem(int arg0) {

                return ImageDetailFragment.newInstance(mImageUrls[arg0]);
            }

            @Override
            public int getCount() {
                return mSize; }
        }
    }

对应的XML：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpagerone"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    </android.support.v4.view.ViewPager>

</LinearLayout>

第二步：

   package com.example.httpviewpagerfragmnet;
import java.io.IOException;
import java.io.InputStream;
import java.net.MalformedURLException;
import java.net.URL;

import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Binder;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.support.v4.app.Fragment;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.ProgressBar;


import com.example.httpviewpagerfragmnet.AsyncImageLoader.ImageCallbackForBitmap;

    public class ImageDetailFragment extends Fragment {
        private static final String IMAGE_DATA_EXTRA = "extra_image_data";
        private String mImageUr;
        private ImageView mImageView;
        private ProgressBar mProgressBar;

        public static ImageDetailFragment newInstance(String imageUrl) {
            ImageDetailFragment f = new ImageDetailFragment();

            final Bundle args = new Bundle();
            args.putString(IMAGE_DATA_EXTRA, imageUrl);
            f.setArguments(args);
            return f;

        }

        @Override
        public void onCreate(Bundle savedInstanceState) {

            super.onCreate(savedInstanceState);
            mImageUr = getArguments() != null ? getArguments().getString(
                    IMAGE_DATA_EXTRA) : null;
        }


        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                                 Bundle savedInstanceState) {

            final View v = inflater.inflate(R.layout.image_detail_fragment,
                    container, false);
            mImageView = (ImageView) v.findViewById(R.id.imageView);
            mProgressBar = (ProgressBar) v.findViewById(R.id.progressBarone);
            return v;
        }
        @Override
        public void onActivityCreated(Bundle savedInstanceState) {

            super.onActivityCreated(savedInstanceState);
            AsyncImageLoader asyncImageLoader = new AsyncImageLoader();
            mProgressBar.setVisibility(View.VISIBLE);

            mProgressBar.setVisibility(View.GONE);
            final Handler handle=new Handler(){
                @Override
                public void handleMessage(Message msg) {
// TODO Auto-generated method stub
                    mImageView.setImageBitmap((Bitmap)msg.obj);
                    mProgressBar.setVisibility(View.GONE);
                }
            };
// }

            Bundle b=new Bundle();
            b=getArguments();
            final String path=b.getString(IMAGE_DATA_EXTRA);
            new Thread(){
                public void run() {

                    URL url=null;
                    InputStream is=null;
                    try {
                        url=new URL(path);
                        is=url.openStream();
                    } catch (MalformedURLException e) {
// TODO Auto-generated catch block
                        e.printStackTrace();
                    } catch (IOException e) {
// TODO Auto-generated catch block
                        e.printStackTrace();
                    }
                    Bitmap bitmap=BitmapFactory.decodeStream(is);
                    handle.sendMessage(handle.obtainMessage(0,bitmap));
   
                };

            }.start();
        }
        @Override
        public void onDestroy() {

            super.onDestroy();
            if (mImageView != null) {
                mImageView.setImageDrawable(null);
            }
        }
    }

XML：

显示图片和转圈的两个空间

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >


    <ImageView
        android:id="@+id/imageView"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <ProgressBar
        android:id="@+id/progressBarone"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:layout_marginTop="80dp"
        android:layout_marginLeft="50dp"/>

</LinearLayout>

-------------------------------------------------------------------------------------------------------

这是一个网络取图片的封装工具类，也可以自己写：

package com.example.httpviewpagerfragmnet;
import java.io.InputStream;
import java.net.URL;

import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Handler;
import android.os.Message;
import android.util.LruCache;

    public class AsyncImageLoader {
        /**
         * 图片缓存技术的核心类，用于缓存所有下载好的图片，在程序内存达到设定值时会将最少最近使用的图片移除掉。
         */
        private LruCache<String, Bitmap> mMemoryCache;


        public AsyncImageLoader() {
// 获取应用程序最大可用内存
            int maxMemory = (int) Runtime.getRuntime().maxMemory();
            int cacheSize = maxMemory / 8;
// 设置图片缓存大小为程序最大可用内存的1/8
            mMemoryCache = new LruCache<String, Bitmap>(cacheSize) {
                @Override
                protected int sizeOf(String key, Bitmap bitmap) {
                    return bitmap.getByteCount();
                }
            };
        }
        /**
         * 将一张图片存储到LruCache中。
         * 
         * @param key
         *            LruCache的键，这里传入图片的URL地址。
         * @param bitmap
         *            LruCache的键，这里传入从网络上下载的Bitmap对象。
         */
        public void addBitmapToMemoryCache(String key, Bitmap bitmap) {
            if (getBitmapFromMemoryCache(key) == null) {
                mMemoryCache.put(key, bitmap);
            }
        }


        /**
         * 从LruCache中获取一张图片，如果不存在就返回null。
         * 
         * @param key
         *            LruCache的键，这里传入图片的URL地址。
         * @return 对应传入键的Bitmap对象，或者null。
         */
        public Bitmap getBitmapFromMemoryCache(String key) {
            return mMemoryCache.get(key);
        }

        public Bitmap loadBitmap(final String imageUrl,final ImageCallbackForBitmap callback) {

            if (imageUrl == null) {
                return null;
            }


            final Handler handler = new Handler() {
                @Override
                public void handleMessage(Message msg) {
                    callback.imageLoaded((Bitmap) msg.obj, imageUrl);
                }
            };

            Bitmap bitmap = getBitmapFromMemoryCache(imageUrl);
            if( bitmap != null){

                return bitmap;
            }

            new Thread() {
                public void run() {

                    Bitmap bitmap = loadImageBitmapFromUrl(imageUrl);
                    addBitmapToMemoryCache(imageUrl,bitmap);
                    if (bitmap != null) {
                        handler.sendMessage(handler.obtainMessage(0, bitmap));
                    }
                }
            }.start();


            return null;
        }

        protected Bitmap loadImageBitmapFromUrl(String imageUrl) {
            try {
                URL rul = new URL(imageUrl);
                InputStream is = rul.openStream();
                Bitmap bitmap = BitmapFactory.decodeStream(is);
                return bitmap;
            } catch (Exception e) {
                e.printStackTrace();
                return null;
            }
        }


        public interface ImageCallbackForBitmap {
            public void imageLoaded(Bitmap bitmap, String imageUrl);
        }
    }
}

------------------------------------------------------------------------------------------------------

这里把网络取图片的地址一并附上，还是封装：

package com.example.httpviewpagerfragmnet;


public class Constances {
public static final String ACTION_PLAYER = "action.scxh.android.receiver.MyBroadCastReceiver.play";
public static final String ACTION_STOP = "action.scxh.android.receiver.MyBroadCastReceiver.stop";
public static final String BASE_URL = "http://192.168.1.127:8080";
public static String tag = "UIDemo";

public final static String[] imageThumbUrls = new String[] {
"https://img-my.csdn.net/uploads/201407/26/1406383299_1976.jpg",
"https://img-my.csdn.net/uploads/201407/26/1406383291_6518.jpg",
"https://img-my.csdn.net/uploads/201407/26/1406383291_8239.jpg",
"https://img-my.csdn.net/uploads/201407/26/1406383290_9329.jpg",
"https://img-my.csdn.net/uploads/201407/26/1406383290_1042.jpg",
"https://img-my.csdn.net/uploads/201407/26/1406383275_3977.jpg",
"https://img-my.csdn.net/uploads/201407/26/1406383265_8550.jpg",
"https://img-my.csdn.net/uploads/201407/26/1406383264_3954.jpg",
"https://img-my.csdn.net/uploads/201407/26/1406383264_4787.jpg", };
}

这样一个简单地功能就实现了

-END

有关网上取图片（Fragment）用viewpager显示侧滑的更多相关文章

ruby-on-rails - Rails 编辑表单不显示嵌套项 - 2
我得到了一个包含嵌套链接的表单。编辑时链接字段为空的问题。这是我的表格:Editingkategori{:action=>'update',:id=>@konkurrancer.id})do|f|%>'Trackingurl',:style=>'width:500;'%>'Editkonkurrence'%>|我的konkurrencer模型:has_one:link我的链接模型:classLink我的konkurrancer编辑操作:defedit@konkurrancer=Konkurrancer.find(params[:id])@konkurrancer.link_attrib
ruby - 解析 RDFa、微数据等的最佳方式是什么，使用统一的模式/词汇(例如 schema.org)存储和显示信息 - 2
我主要使用Ruby来执行此操作，但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式，例如使用这个yaml文件，它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i
ruby-on-rails - 使用 Sublime Text 3 突出显示 HTML 背景语法中的 ERB？ - 2
所以我在关注Railscast，我注意到在html.erb文件中，ruby代码有一个微弱的背景高亮效果，以区别于其他代码HTML文档。我知道Ryan使用TextMate。我正在使用SublimeText3。我怎样才能达到同样的效果？谢谢! 最佳答案为SublimeText安装ERB包。假设您安装了SublimeText包管理器*，只需点击cmd+shift+P即可获得命令菜单，然后键入installpackage并选择PackageControl:InstallPackage获取包管理器菜单。在该菜单中，键入ERB并在看到包时选择
ruby-on-rails - link_to 不显示任何 rails - 2
我试图在索引页中创建一个超链接，但它没有显示，也没有给出任何错误。这是我的index.html.erb代码。ListingarticlesTitleTextssss我检查了我的路线，我认为它们也没有问题。PrefixVerbURIPatternController#Actionwelcome_indexGET/welcome/index(.:format)welcome#indexarticlesGET/articles(.:format)articles#indexPOST/articles(.:format)articles#createnew_articleGET/article
ruby-on-rails - 如何在 Rails View 上显示错误消息？ - 2
我是rails的新手，想在form字段上应用验证。myviewsnew.html.erb.....模拟.rbclassSimulation{:in=>1..25,:message=>'Therowmustbebetween1and25'}end模拟Controller.rbclassSimulationsController我想检查模型类中row字段的整数范围，如果不在范围内则返回错误信息。我可以检查上面代码的范围，但无法返回错误消息提前致谢最佳答案关键是您使用的是模型表单，一种显示ActiveRecord模型实例属性的表单。c
ruby-on-rails - Ruby on Rails - 为文本区域和图片生成列 - 2
我是Rails的新手，所以请原谅简单的问题。我正在为一家公司创建一个网站。那家公司想在网站上展示它的客户。我想让客户自己管理这个。我正在为“客户”生成一个表格，我想要的三列是:公司名称、公司描述和Logo。对于名称，我使用的是name:string但不确定如何在脚本/生成脚手架终端命令中最好地创建描述列(因为我打算将其设置为文本区域)和图片。我怀疑描述(我想成为一个文本区域)应该仍然是描述:字符串，然后以实际形式进行调整。不确定如何处理图片字段。那么……说来话长:我在脚手架命令中输入什么来生成描述和图片列？最佳答案对于“文本”数
ruby-on-rails - 复数 for fields_for has_many 关联未显示在 View 中 - 2
目前，Itembelongs_toCompany和has_manyItemVariants。我正在尝试使用嵌套的fields_for通过Item表单添加ItemVariant字段，但是使用:item_variants不显示该表单。只有当我使用单数时才会显示。我检查了我的关联，它们似乎是正确的，这可能与嵌套在公司下的项目有关，还是我遗漏了其他东西？提前致谢。注意:下面的代码片段中省略了不相关的代码。编辑:不知道这是否相关，但我正在使用CanCan进行身份验证。routes.rbresources:companiesdoresources:itemsenditem.rbclassItemi
ruby-on-rails - 在 Flash 警报 Rails 3 中显示错误消息 - 2
如果我在模型中设置验证消息validates:name,:presence=>{:message=>'Thenamecantbeblank.'}我如何让该消息显示在闪光警报中，这是我迄今为止尝试过的方法defcreate@message=Message.new(params[:message])if@message.valid?ContactMailer.send_mail(@message).deliverredirect_to(root_path,:notice=>"Thanksforyourmessage,Iwillbeintouchsoon")elseflash[:error]
ruby-on-rails - Rails 4 WYSIWYG Bootsy 不显示格式 - 2
我刚刚按照thebootsygempage上的安装说明进行操作在我保存并查看帖子内容之前，一切看起来都不错。这是输出在View中的样子:HeaderSubhead:似乎没有呈现任何html格式，因为它被引号或类似的东西转义了-其他人有这个问题吗？我没有在github页面或SO上看到任何问题来指出我正确的方向。除了遵循gem安装说明之外，我还没有做任何事情，但也许我错过了什么或者只是犯了一个愚蠢的错误。如果你还有什么想知道的，请尽管问。干杯最佳答案你需要有这样的东西，转义html: 关
ruby - 为什么当我调用类的实例方法时，初始化不显示为方法？ - 2
我正在写一篇关于在Ruby中几乎一切都是对象的博客文章，我试图通过以下示例来展示这一点:classCoolBeansattr_accessor:beansdefinitialize@bean=[]enddefcount_beans@beans.countendend所以从类中我们可以看出它有4个方法(当然，除非我错了):它可以在创建新实例时初始化一个默认的空bean数组它可以计算它有多少个bean它可以读取它有多少个bean(通过attr_accessor)它可以向空数组写入(或添加)更多bean(也通过attr_accessor)但是，当我询问类本身它有哪些实例方法时，我没有看到默认

网上取图片（Fragment）用viewpager显示侧滑

有关网上取图片（Fragment）用viewpager显示侧滑的更多相关文章

随机推荐