如何从android中的api加载水平滚动视图图像

时间:2016-07-29 12:23:24

标签: android android-layout android-imageview horizontalscrollview

我希望在API的水平滚动视图中显示更多图像并动态创建对象,例如:

enter image description here

2 个答案:

答案 0 :(得分:0)

您可以使用recyclerview,只需这样尝试

http://blog.nkdroidsolutions.com/android-horizontal-vertical-recyclerview-example/

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

    tools:context=".MainActivity">


    <android.support.v7.widget.RecyclerView
        android:id="@+id/vertical_recycler_view"
        android:background="#fff"
        android:layout_weight="1"
        android:layout_width="match_parent"
        android:layout_height="0dp"/>

    <View
        android:background="#787878"
        android:layout_width="match_parent"
        android:layout_height="3dp"/>


    <android.support.v7.widget.RecyclerView
        android:id="@+id/horizontal_recycler_view"
        android:background="#fff"
        android:layout_width="match_parent"
        android:layout_height="70dp"/>
</LinearLayout>

Horizo​​ntalAdapter

public class HorizontalAdapter extends RecyclerView.Adapter<HorizontalAdapter.MyViewHolder> {

        private List<String> horizontalList;

        public class MyViewHolder extends RecyclerView.ViewHolder {
            public TextView txtView;

            public MyViewHolder(View view) {
                super(view);
                txtView = (TextView) view.findViewById(R.id.txtView);

            }
        }


        public HorizontalAdapter(List<String> horizontalList) {
            this.horizontalList = horizontalList;
        }

        @Override
        public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            View itemView = LayoutInflater.from(parent.getContext())
                    .inflate(R.layout.horizontal_item_view, parent, false);

            return new MyViewHolder(itemView);
        }

        @Override
        public void onBindViewHolder(final MyViewHolder holder, final int position) {
            holder.txtView.setText(horizontalList.get(position));

            holder.txtView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    Toast.makeText(MainActivity.this,holder.txtView.getText().toString(),Toast.LENGTH_SHORT).show();
                }
            });
        }

        @Override
        public int getItemCount() {
            return horizontalList.size();
        }
    }

OUTPUT

答案 1 :(得分:0)

  

像这样使用horizo​​ntalscrollview:

               <HorizontalScrollView
                android:id="@+id/scrollView"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@id/addPhotoHeader"
                android:layout_marginBottom="12dp"

                android:layout_marginTop="12dp"
                android:layout_toLeftOf="@+id/rightArrow"

                android:layout_toRightOf="@+id/leftArrow">

                <LinearLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:gravity="start"
                    android:orientation="horizontal">

                    <LinearLayout
                        android:id="@+id/imageParent"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:orientation="horizontal">


                    </LinearLayout>


                </LinearLayout>
            </HorizontalScrollView>
  

使用这样的java代码,其中pictureParent是Horizo​​ntalScrollView

中的linearLayout
 final float scale = getResources().getDisplayMetrics().density;
        int pixels = (int) (58 * scale + 0.5f);
        ImageView image = new ImageView(this);
        int leftPadding = (int) (10 * scale + 0.5f);
        LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(pixels, pixels);
        layoutParams.setMargins(0, 0, leftPadding, 0);
        image.setLayoutParams(layoutParams);


        // Adds the view to the layout
        taskPictures.add(mFileTemp);
        imagePlaceHolder.requestFocus();
        Picasso.with(this).load(Crop.getOutput(result))
                .skipMemoryCache()
                .resize(92, 92)
                .centerCrop().into(image);
        pictureParent.addView(image);