滚动Horizo​​ntalScrollview时,获取项目在屏幕中心的位置

时间:2018-09-28 10:07:43

标签: android horizontalscrollview

我已经在HorizontalcsrollView内动态加载了一些(1000)张图像。用户可以前后滚动HorizontalScrollView
我需要的是在滚动时在屏幕中心找到项目位置。 FYR,我从屏幕中心开始HorizontalScrollView,然后在屏幕中心结束。
我尝试使用addOnScrollChangedListener中的HorizontalScrollview,但是我无法获得中心商品的确切位置。

修改: 尝试在滚动时获取x位置和左位置,但始终返回0。
 请注意,我已经在HorizontalScrollView的左侧和右侧设置了填充。
它总是从屏幕中心开始,到屏幕中心为止。

horizontalScrollView1.setOnScrollChangeListener(new View.OnScrollChangeListener() {
    @Override
    public void onScrollChange(View v, int scrollX, int scrollY, int oldScrollX, int oldScrollY) {                      
        int x1 = horizontalScrollView1.getLeft();                          
        int getX=(int)horizontalScrollView1.getX();
    }
});

布局文件

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

    <HorizontalScrollView
        android:id="@+id/horizontalScrollView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_gravity="center_horizontal"
        android:layout_marginBottom="15dp"
        android:fillViewport="true"
        android:scrollbars="none">

        <RelativeLayout
            android:id="@+id/layLandmarks"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">

            <View
                android:id="@+id/viewWhite"
                android:layout_width="match_parent"
                android:layout_height="10dp"
                android:layout_centerInParent="true"
                android:background="@color/white" />

        </RelativeLayout>
    </HorizontalScrollView>
</RelativeLayout>

班级文件:

ImageView iv;
RelativeLayout layLandmarks = (RelativeLayout) findViewById(R.id.layLandmarks);
FrameLayout.LayoutParams lp1 = new FrameLayout.LayoutParams(2000, FrameLayout.LayoutParams.WRAP_CONTENT);
layLandmarks.setLayoutParams(lp1);
JSONObject landmarks = jsonObject1.getString("landmarks");
JSONArray jsonArray1 = new JSONArray(landmarks);
for(int j = 0; j<jsonArray1.length();j++){
    JSONObject jsonObject2 = jsonArray1.getJSONObject(0);

    landmarkId = jsonObject2.getString("id");
    landmarkName = jsonObject2.getString("title");
    landmarkDesc = jsonObject2.getString("description");
    latitude = jsonObject2.getDouble("latitude");
    longitude = jsonObject2.getDouble("longitude");
    video_time = jsonObject2.getString("video_time_in_sec");
    //   Log.e("video_time_in_sec", video_time);
    landmarkIcon = jsonObject2.getString("image");
    iv = new ImageView(VideoPreviewWithRecycler.this);
    iv.setId(i);

    Picasso.with(VideoPreviewWithRecycler.this)
            .load(landmarkIcon)
            .resize(40, 45)
            .into(iv);
    params = new RelativeLayout.LayoutParams(40, 45);

    params.topMargin = 0;

    params.leftMargin = Integer.parseInt(video_time);
    params.addRule(RelativeLayout.RIGHT_OF, 0);

    layLandmarks.addView(iv, params);
}

3 个答案:

答案 0 :(得分:0)

  

我已经在水平方向动态加载了一些(1000)张图像   滚动视图。用户可以滚动“水平”滚动视图的前面和   背部。我需要的是找到物品位置在   屏幕滚动。 FYR,我已经开始了水平滚动视图   从屏幕的中心开始并在中心结束。我尝试过   Horizo​​ntalScrollview的addOnScrollChangedListener,但我无法   获取中心项目的确切位置。

您不得使用horizontal scrollview加载那么多图像,否则将使设备滞后,您的应用将停止响应。 Scollviews用于仅加载文本视图或少量的低分辨率图像(例如图标)。您应该做的是使用Recycler视图并将方向设置为水平。

 LinearLayoutManager listManager = new LinearLayoutManager( getActivity(),LinearLayoutManager.HORIZONTAL, false);
    horizontalRecyclerView.setHasFixedSize(false);
    horizontalRecyclerView.setLayoutManager(listManager);
    horizontalRecyclerView.setAdapter(new ContentFileterAdapter());

然后可以添加一个viewholder和一个保存图像的adapter。您还应该使用UIL之类的缓存库来加载这么多图像

    public static class ViewHolder extends RecyclerView.ViewHolder {
            public ImageView mImageView;
            public ViewHolder(View itemView) {
                super(itemView);
                mImageView=itemView.findViewById(R.id.yourImageView);
            }
        }
private class ImagesAdapter extends RecyclerView.Adapter<ViewHolder>{
        private String[] mImagesPaths;
        public ImagesAdapter(String[] mImagesPaths){
            this.mImagesPaths = mImagesPaths;
          }
        @Override
        public ViewHolder onCreateViewHolder(ViewGroup container, int viewType) {

            return new ViewHolder(LayoutInflater.from(container.getContext()).inflate(R.layout.yourAdapterItemLayout, container, false));
        }

        @Override
        public int getItemViewType(int position) {

            return 0;
        }

        @Override
        public void onBindViewHolder(final ViewHolder holder, int position) {
ImageLoader.getInstance().displayImage(Uri.decode(mImagesPaths[position]), holder.mImageView);}

        @Override
        public int getItemCount() {
            return mImagesPaths.length;
        }
    }

然后要找到您的中心view或位置,只需致电LinearLayoutManager

int lastindex = listManager.findLastCompletelyVisibleItemPosition();
int firstindex = listManager.findFirstCompletelyVisibleItemPosition();

//The middle visible position
int centerindex = firstindex/2 + lastindex/2 + (firstindex%2 + lastindex%2)/2;

//The middle visible view
View   view=(View)listManager.findViewByPosition(centerindex );

答案 1 :(得分:0)

您可以使用Recylerview这样的东西:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>
    <iframe src="http://www.salonvision.com/TheRetreat/AppointmentSearchFBTab.aspx?backcolor=FFFFFF" scrolling=“no” width=“600px” height=“1400px” frameborder=“0”></iframe>
</body>
</html>

并查看适配器:

mProductBrowserAdapter = new ProductsAdapterBrowser();
        mRcvLatestProducts.setNestedScrollingEnabled(true);
        mRcvLatestProducts.setHasFixedSize(false);
        StaggeredGridLayoutManager staggeredGridLayoutManager =
                new StaggeredGridLayoutManager(1, LinearLayoutManager.HORIZONTAL);
        mRcvLatestProducts.setLayoutManager(staggeredGridLayoutManager);
        mRcvLatestProducts.addItemDecoratiiiiion(new GridSpacingItemDecoration(1, 0, false));
        mRcvLatestProducts.setAdapter(mProductBrowserAdapter);

建议使用Glide加载图像。

  <android.support.v7.widget.AppCompatImageView
                android:id="@+id/item_product_image_imv"
                android:layout_width="160dp"
                android:layout_height="160dp"
                android:adjustViewBounds="true"
                android:background="@android:color/transparent"
                android:scaleType="fitCenter"
              />

https://github.com/bumptech/glide

答案 2 :(得分:0)

您可以将PagerSnapHelper与recyclerview一起使用,这将对您有所帮助    像这样

   binding.rvPosts.setLayoutManager(layoutManager);
   SnapHelper snapHelper = new PagerSnapHelper();
   snapHelper.attachToRecyclerView(binding.rvPosts);
   binding.rvPosts.setHasFixedSize(true);