如何设计像图像中描述的那样的滑块视图并从URL传递图像

时间:2015-06-27 14:14:11

标签: android android-viewpager horizontalscrollview

我正在设计用户界面或说出一个视图。

  

我应该使用什么方法来设计滑动用户界面   如图所示?

Sliders

已编辑:2017年8月25日

我不知道可以在创建UI时使用的不同视图,如图所示。因此,如果有人告诉我应该使用哪个视图或视图组来获取相同的结果,以及如何从URL渲染图像,将会很有帮助

2 个答案:

答案 0 :(得分:4)

我做了类似的事情:

<HorizontalScrollView
            android:id="@+id/about_images_container_scroll"
            android:layout_width="match_parent"
            android:scrollbars="none"
            android:layout_height="115dp">
            <LinearLayout
                android:id="@+id/about_images_container"
                android:layout_width="fill_parent"
                android:layout_height="match_parent"
                android:orientation="horizontal">
                </LinearLayout>
        </HorizontalScrollView>

每个项目的java。

private void addImages()
{
   imagesScroll = (LinearLayout) findViewById(R.id.about_images_container);
   imagesScroll.removeAllViews();
   LinearLayout.LayoutParams layoutParams1 = new LinearLayout.LayoutParams(
            CONSTANT_WIDTH,
            ViewGroup.LayoutParams.MATCH_PARENT);
    View aSep = new View(getBaseContext());
    aSep.setLayoutParams(layoutParams1);
    LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(
            width,
            ViewGroup.LayoutParams.MATCH_PARENT);
    for (int i = imageList.size()-1 ; i >= 0  ; i--)
    {
        ImageView firstImage = new ImageView(this);
        firstImage.setLayoutParams(layoutParams);
        int imageResource = getResources().getIdentifier("drawable"+"/"+imageList.get(i),null,getPackageName());
        firstImage.setImageResource(imageResource);
        imagesScroll.addView(firstImage);
    }
}

答案 1 :(得分:0)

使用viewpager我做到了这一点。效果很好。

这里有一些代码片段

  

初​​始化

    LayoutInflater flater = (LayoutInflater) LayoutInflater.from(this);
    view1 = flater.inflate(R.layout.view_1, null);
    view2 = flater.inflate(R.layout.view_2, null);
    view3 = flater.inflate(R.layout.view_3, null);

    viewList = new ArrayList<View>();
    viewList.add(view1);
    viewList.add(view2);
    viewList.add(view3);

    pagerAdapter = new MyViewPagerAdapter(viewList);

    viewPager = (ViewPager) findViewById(R.id.search_viewpager);
    viewPager.setAdapter(pagerAdapter);
    viewPager.setCurrentItem(0);

    viewPager.setOnPageChangeListener(new MyOnPageChangeListener());
  

INSIDE XML

    <android.support.v4.view.ViewPager  
        android:id="@+id/search_viewpager"  
        android:layout_width="wrap_content"  
        android:layout_height="200dp"  
        android:layout_gravity="center"  
        android:layout_weight="1.0"  
        android:background="#000000"  
        android:flipInterval="30"  
        android:persistentDrawingCache="animation" >