Question

我已使用Android应用程序将一些图像上传到Firebase存储中，现在我希望能够在同一应用程序的ViewPager中显示这些图像。我遵循了一个教程，在该教程中，他们在RecycleView中做了同样的事情，并试图在我的代码中应用同样的事情。现在，当我运行代码时似乎没有任何错误，但是我无法在imageView中查看图像。我需要有关ViewPagerAdapter代码的帮助，实例化方法中缺少某些内容，我不知道它是什么。

这是我的活动代码：

public class menuSliderActivity extends AppCompatActivity {

    private ViewPager viewPager;
    private TextView textView;
    private DatabaseReference mDatabaseRef;
    List<SliderUtils> sliderImg;
    ViewPagerAdapter viewPagerAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.menu_slider);
        viewPager = (ViewPager) findViewById(R.id.viewPager);
        textView = (TextView) findViewById(R.id.textView);
        sliderImg = new ArrayList<>();
        mDatabaseRef= FirebaseDatabase.getInstance().getReference("Images");
        mDatabaseRef.addValueEventListener(new ValueEventListener() {

        @Override
        public void onDataChange( DataSnapshot dataSnapshot) {
            for(DataSnapshot postSnapshot : dataSnapshot.getChildren()){
                SliderUtils sliderUtils = postSnapshot.getValue(SliderUtils.class);
                sliderImg.add(sliderUtils);
            }

            viewPagerAdapter = new ViewPagerAdapter(sliderImg, menuSliderActivity.this);
            viewPager.setAdapter(viewPagerAdapter);
       }

       @Override
       public void onCancelled( DatabaseError databaseError) {
           Toast.makeText(menuSliderActivity.this, databaseError.getMessage(), Toast.LENGTH_SHORT).show();

       }
   });



    Timer timer = new Timer();
    timer.scheduleAtFixedRate(new MyTimerTask(),2000,2000);}

public class MyTimerTask extends TimerTask{
    @Override
    public void run() {
        menuSliderActivity.this.runOnUiThread(new Runnable() {
            @Override
            public void run() {
                if(viewPager.getCurrentItem()==0){
                    viewPager.setCurrentItem(1);
                } else if (viewPager.getCurrentItem()==1){
                    viewPager.setCurrentItem(2);
                } else {
                    viewPager.setCurrentItem(0);
                }
            }
        });
    }


}

}

这是我的ViewPager适配器代码，我需要以下帮助：

public class ViewPagerAdapter extends PagerAdapter {

    private Context context;
    private LayoutInflater layoutInflater;
    private List<SliderUtils> sliderImg;
    private ImageLoader imageLoader;
    private DatabaseReference mDatabaseRef;
    private ViewPager viewPager;
    private ImageView imageView;

    public ViewPagerAdapter(List<SliderUtils> sliderImg, Context context){

        this.sliderImg = sliderImg;
        this.context = context;
}


    @Override
    public int getCount() {
        return sliderImg.size();
}

    @Override
    public boolean isViewFromObject(View view, Object object) {
        return view.equals(object);
}

    @Override
    public Object instantiateItem( ViewGroup container, int position) {
        layoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View view = layoutInflater.inflate(R.layout.custom_layout, null);
        SliderUtils utils = sliderImg.get(position);
        ImageView imageView =  view.findViewById(R.id.imageView);
        //ADDED THIS HERE.                  
        Glide.with(context).load(utils.getImageUrl()).into(imageView);
        container.addView(view);
        return view;
}

    @Override
    public void destroyItem( ViewGroup container, int position,  Object object) {
       container.removeView((View) object);
}

}

我仍然无法将图像加载到viewpager中，获得了我确定的有效网址，但是图像没有消失，我只能看到设置的viewpager的背景。

Answer 1

您可以使用Glide加载图像。目前，您还没有将图像加载到image view中，这就是代码无法正常工作的原因。

  @Override
public Object instantiateItem( ViewGroup container, int position) {
    layoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    View view = layoutInflater.inflate(R.layout.custom_layout, container, false);
    SliderUtils utils = sliderImg.get(position);
    ImageView imageView =  view.findViewById(R.id.imageView);

    // FIXED USING THIS
    Glide.with(context).load(**utils.getImageUrl**).into(imageView);
    container.addView(view);
    return view;
     }

编辑

此外，您需要将依赖项添加到gradle文件中

dependencies {
  implementation 'com.github.bumptech.glide:glide:4.9.0'
  annotationProcessor 'com.github.bumptech.glide:compiler:4.9.0'
}

我无法将从Firebase检索的图像加载到viewpager中

1 个答案: