Android 는 Horizontal ScrollView 를 사용 하여 수평 스크롤 을 실현 합 니 다.
17967 단어 AndroidHorizontalScrollView수평 스크롤
갑자기 화면 아래 수평 으로 미 끄 러 지고 화면 위 에 반응 하 는 효과 가 생각 났 다.다만 아래 에서 스크롤 할 때 화면 위 에 이상 적 인 반응 을 보이 지 않 았 고 이 벤트 를 클릭 하면 이 루어 졌 다.결국 인터넷 에서 만 검색 할 수 있 었 고,마침내 하 나 를 찾 았 다.그래서 내 린 효 과 는 다음 과 같다.
다만 이 효 과 는 결함 이 있 습 니 다.13 장의 그림 을 불 러 왔 습 니 다.화면 아래 에서 마지막 페이지 까지 수평 으로 굴 렀 을 때 9 장의 그림 은 위 에 나타 나 지 않 았 습 니 다(원작 자의 것 도 이 문제 가 있 습 니 다).그림 의 수가 4 장 보다 작 거나 같 으 면 실행 할 수 없습니다.
이 사례 의 난점 은 주로 MyHorizontalView 류 에 있 고 수집 한 주해 도 있다.
MainActivity.java :
package com.crazy.horizontalscrollviewtest;
import java.io.InputStream;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;
import com.crazy.horizontalscrollviewtest.MyHorizontalView.CurrentImageChangeListener;
import com.crazy.horizontalscrollviewtest.MyHorizontalView.OnItemClickListener;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Color;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.ImageView;
import android.support.v7.app.AppCompatActivity;
public class MainActivity extends AppCompatActivity {
private ImageView mImageView;
private MyHorizontalView myHorizontalView;
private List<Bitmap> bitmapList;
private MyAdapter adapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
init();
}
private void init() {
mImageView = (ImageView)findViewById(R.id.imageView);
bitmapList = new ArrayList<>(Arrays.asList(
readBitMap(this, R.drawable.bricks),
readBitMap(this, R.drawable.dog),
readBitMap(this, R.drawable.flower),
readBitMap(this, R.drawable.grass),
readBitMap(this, R.drawable.stones),
readBitMap(this, R.drawable.wood),
readBitMap(this, R.drawable.bg_01),
readBitMap(this, R.drawable.bg_02),
readBitMap(this, R.drawable.bg_03),
readBitMap(this, R.drawable.bg_04),
readBitMap(this, R.drawable.bg_05),
readBitMap(this, R.drawable.bg_06),
readBitMap(this, R.drawable.bg_07)
));
myHorizontalView = (MyHorizontalView)findViewById(R.id.my_horizontal);
adapter = new MyAdapter(this, bitmapList);
//
myHorizontalView.initDatas(adapter);
//
myHorizontalView
.setCurrentImageChangeListener(new CurrentImageChangeListener() {
@Override
public void onCurrentImgChanged(int position, View viewIndicator) {
Log.e("==============","=============== " + position);
mImageView.setImageBitmap(bitmapList.get(position));
viewIndicator.setBackgroundColor(Color.parseColor("#AA024DA4"));
}
});
//
myHorizontalView.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(View view, int position) {
mImageView.setImageBitmap(bitmapList.get(position));
view.setBackgroundColor(Color.parseColor("#AA024DA4"));
}
});
}
public static Bitmap readBitMap(Context mContext, int resId) {
BitmapFactory.Options opt = new BitmapFactory.Options();
opt.inPreferredConfig = Bitmap.Config.RGB_565;
opt.inPurgeable = true;
opt.inInputShareable = true;
InputStream is = mContext.getResources().openRawResource(resId);
return BitmapFactory.decodeStream(is, null, opt);
}
}
MyAdapter 이 부분 은 AbsListView 와 AbsSpinner 및 그 하위 클래스 에 목록 항목 을 제공 하 는 것 이 아 닙 니 다.이것 은 주로 Horizontal ScrollView 에 데 이 터 를 제공 하 는 데 사용 된다.MyAdapter.java :
package com.crazy.horizontalscrollviewtest;
import java.util.ArrayList;
import java.util.List;
import android.content.Context;
import android.graphics.Bitmap;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.RelativeLayout;
/**
* Created by antimage on 2016/1/9.
*/
public class MyAdapter extends BaseAdapter {
private List<Bitmap> bitmapList;
private Context mContext;
public MyAdapter(Context context, List<Bitmap> bitmapList) {
mContext = context;
if (bitmapList == null) {
bitmapList = new ArrayList<Bitmap>();
} else {
this.bitmapList = bitmapList;
}
}
@Override
public int getCount() {
return bitmapList.size();
}
@Override
public Object getItem(int position) {
return bitmapList.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewHolder viewHolder = null;
View view = null;
// , XML ;
// ,
RelativeLayout layout;
if (convertView == null) {
layout = (RelativeLayout) View.inflate(mContext, R.layout.image_item_layout, null);
viewHolder = new ViewHolder();
viewHolder.image = (ImageView) layout.findViewById(R.id.top_image);
layout.setTag(viewHolder);
} else {
layout = (RelativeLayout) convertView;
view = layout;
viewHolder = (ViewHolder) layout.getTag();
Log.e("MyAdapter", " ");
}
Bitmap btm = (Bitmap) getItem(position);
viewHolder.image.setImageBitmap(btm);
Log.e("MyAdapter", " !");
return layout;
}
private static class ViewHolder {
ImageView image;
}
}
MyHorizontalView 클래스 는 MainAcitivity 클래스 가 인 터 페 이 스 를 제공 하지 않 고 수평 으로 굴 러 갈 때 화면 위의 반응 과 해당 하 는 클릭 이벤트 등에 사 용 됩 니 다.이 종 류 는 주로 수 집 된 코드 를 사용 하고 이에 상응하는 조정 을 했다.MyHorizontalView.java :
package com.crazy.horizontalscrollviewtest;
import java.util.HashMap;
import java.util.Map;
import android.app.Activity;
import android.content.Context;
import android.graphics.Color;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.HorizontalScrollView;
/**
* Created by antimage on 2016/1/9.
*/
public class MyHorizontalView extends HorizontalScrollView
implements View.OnClickListener {
private String TAG = "MyHorizontalView";
private ViewGroup parent;
private int screenWidth;
/* index*/
private int mCurrentIndex;
/* */
private int mFristIndex;
/* */
private int mCountOneScreen;
/* */
private int mChildWidth;
/* */
private int mChildHeight;
private MyAdapter mAdapter;
private CurrentImageChangeListener mListener;
private OnItemClickListener mOnItemClickListener;
/**
*
*/
public interface CurrentImageChangeListener {
void onCurrentImgChanged(int position, View viewIndicator);
}
/**
*
*/
public interface OnItemClickListener {
void onItemClick(View view, int pos);
}
/* View */
private Map<View, Integer> mViewPos = new HashMap<>();
public MyHorizontalView(Context context) {
this(context, null);
}
public MyHorizontalView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public MyHorizontalView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
this.setSmoothScrollingEnabled(true);
DisplayMetrics metrics = new DisplayMetrics();
//
((Activity) context).getWindowManager().getDefaultDisplay().getMetrics(metrics);
// ( )
screenWidth = metrics.widthPixels;
}
/**
* ,
*/
public void initDatas(MyAdapter mAdapter) {
if (getChildCount() == 0) {
Log.e(TAG, " ");
}
if (getChildCount() == 0 || mAdapter == null)
return;
this.mAdapter = mAdapter;
parent = (ViewGroup) getChildAt(0);
// View
final View view = mAdapter.getView(0, null, parent);
parent.addView(view);
// View
if (mChildWidth == 0 && mChildHeight == 0) {
int w = View.MeasureSpec.makeMeasureSpec(0,
View.MeasureSpec.UNSPECIFIED);
int h = View.MeasureSpec.makeMeasureSpec(0,
View.MeasureSpec.UNSPECIFIED);
view.measure(w, h);
mChildHeight = view.getMeasuredHeight();
mChildWidth = view.getMeasuredWidth();
Log.e(TAG, " :" + mChildWidth + ", :" + mChildHeight);
// View
mCountOneScreen = screenWidth / mChildWidth + 2;
Log.e(TAG, "mCountOneScreen = " + mCountOneScreen
+ " ,mChildWidth = " + mChildWidth);
}
//
loadFirstChild(mCountOneScreen);
}
/**
* View
*/
public void loadFirstChild(int mCountOneScreen) {
parent.removeAllViews();
mViewPos.clear();
for (int i = 0; i < mCountOneScreen; i++) {
View view = mAdapter.getView(i, null, parent);
view.setOnClickListener(this);
parent.addView(view);
mViewPos.put(view, i);
mCurrentIndex = i;
}
if (mListener != null) {
notifyCurrentImageChanged();
}
}
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_MOVE:
int scrollX = getScrollX();
// scrollX view , ,
if (scrollX >= mChildWidth) {
loadNextImage();
}
// scrollX = 0, ,
if (scrollX == 0) {
loadPreImage();
}
break;
}
// true false
// HorizontalScrollView
return super.onTouchEvent(event);
}
/**
*
*/
protected void loadNextImage() {
//
if (mCurrentIndex == mAdapter.getCount() - 1) {
return;
}
// , 0( , 0)
scrollTo(0, 0);
mViewPos.remove(parent.getChildAt(0));
parent.removeViewAt(0);
// , onClick ,
View view = mAdapter.getView(++mCurrentIndex, null, parent);
Log.e(TAG, "mCurrentIndex ===" + mCurrentIndex);
view.setOnClickListener(this);
parent.addView(view);
mViewPos.put(view, mCurrentIndex);
//
mFristIndex++;
//
if (mListener != null) {
notifyCurrentImageChanged();
}
}
/**
*
*/
protected void loadPreImage() {
// ,
if (mFristIndex == 0)
return;
//
int index = mCurrentIndex - mCountOneScreen;
if (index >= 0) {
//
int oldViewPos = parent.getChildCount() - 1;
mViewPos.remove(parent.getChildAt(oldViewPos));
parent.removeViewAt(oldViewPos);
// View
View view = mAdapter.getView(index, null, parent);
mViewPos.put(view, index);
parent.addView(view, 0);
view.setOnClickListener(this);
// view
scrollTo(mChildWidth, 0);
// --, --
mCurrentIndex--;
mFristIndex--;
//
if (mListener != null) {
notifyCurrentImageChanged();
}
}
}
/**
*
*/
public void notifyCurrentImageChanged() {
int sum = parent.getChildCount();
for (int i = 0; i < sum; i++) {
// ,
parent.getChildAt(i).setBackgroundColor(Color.WHITE);
}
mListener.onCurrentImgChanged(mFristIndex, parent.getChildAt(0));
}
@Override
public void onClick(View v) {
if (mOnItemClickListener != null) {
int sum = parent.getChildCount();
for (int i = 0; i < sum; i++) {
parent.getChildAt(i).setBackgroundColor(Color.WHITE);
}
mOnItemClickListener.onItemClick(v, mViewPos.get(v));
}
}
public void setOnItemClickListener(OnItemClickListener mOnClickListener) {
this.mOnItemClickListener = mOnClickListener;
}
public void setCurrentImageChangeListener(CurrentImageChangeListener mListener) {
this.mListener = mListener;
}
}
이 클래스 의 많은 데 이 터 는 List 집합 에 있 으 며,집합 한 아래 표 시 된 초기 값 은 0 으로 list.size()와 같 지 않 습 니 다.이 때문에 mImageView 에 그림 을 표시 할 때 9 장 을 표시 할 수 없습니다.이 클래스 에서 매번 몇 개의 View 를 불 러 올 때마다 계산 하 는 mCountOne Screen 계산 방법 에 약간의 문제 가 있 음 을 알 수 있 습 니 다.효과 도 에서 보 듯 이 화면 에 세 장의 그림 을 더 불 러 올 수 있 습 니 다.mCountOneScreen = screenWidth / mChildWidth + 2; 내 시 뮬 레이 터 에서 계 산 된 결 과 는 5 와 같다.즉,왜 4 장 이하 의 그림 을 불 러 올 수 없 는 지,이 화면 아래쪽 에 3 장,즉 한 화면 만 표시 하려 면 다 표시 할 수 있다.수평 으로 굴 러 가지 않 아 도 된다.그러면 Horizontal ScrollView 를 사용 하 는 것 이 의 미 를 잃 은 것 같다.
사용 할 레이아웃 파일:
content_main.xml :
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingLeft="5dp"
android:paddingTop="5dp"
android:paddingRight="5dp"
android:paddingBottom="5dp"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:context="com.crazy.horizontalscrollviewtest.MainActivity"
tools:showIn="@layout/activity_main">
<ImageView
android:id="@+id/imageView"
android:layout_width="match_parent"
android:layout_height="380dp"
android:scaleType="centerCrop" />
<com.crazy.horizontalscrollviewtest.MyHorizontalView
android:id="@+id/my_horizontal"
android:layout_below="@id/imageView"
android:layout_alignParentBottom="true"
android:scrollbars="none"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<LinearLayout
android:id="@+id/linear_layout"
android:orientation="horizontal"
android:layout_gravity="center_vertical"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
</LinearLayout>
</com.crazy.horizontalscrollviewtest.MyHorizontalView>
</RelativeLayout>
image_item_layot.xml(수평 으로 굴 러 가 는 그림(화면 아래쪽)을 제공 합 니 다.
<?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"
android:orientation="vertical" >
<ImageView
android:id="@+id/top_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_margin="10dp"
android:scaleType="centerCrop"/>
</RelativeLayout>
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Bitrise에서 배포 어플리케이션 설정 테스트하기이 글은 Bitrise 광고 달력의 23일째 글입니다. 자체 또는 당사 등에서 Bitrise 구축 서비스를 사용합니다. 그나저나 며칠 전 Bitrise User Group Meetup #3에서 아래 슬라이드를 발표했...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.