안 드 로 이 드 사용자 정의 그림 라운드 방송 배 너 컨트롤 사용 분석
먼저 효과 보기:
기능 특징
<com.xiaomai.bannerview.BannerView
android:id="@+id/bannerView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:aspectRatio="1.5"
app:defaultSrc="@mipmap/ic_launcher"
app:indicatorBackground="@color/white"
app:indicatorHeight="50dp"
app:indicatorPositionSize="8dp"
app:updateTime="3000" />
실현 절차values/attrs 파일 에 사용자 정의 속성 만 들 기
<resources>
<declare-styleable name="BannerView">
<attr name="aspectRatio" format="float" /> <!-- -->
<attr name="defaultSrc" format="integer|reference" /> <!-- -->
<attr name="updateTime" format="integer" /> <!-- -->
<attr name="indicatorVisible" format="boolean" /> <!-- -->
<attr name="indicatorHeight" format="dimension" /> <!-- -->
<attr name="indicatorBackground" format="color|reference" /> <!-- -->
<attr name="indicatorPositionSize" format="dimension" /> <!-- -->
</declare-styleable>
</resources>
BannerView 클래스 만 들 기
public class BannerView extends RelativeLayout {
public BannerView(Context context) {
this(context, null);
}
public BannerView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public BannerView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);}
BannerView 에서 변수 속성 설명
private Context context;
private Handler handler;
private ImageLoader imageLoader;
private DisplayImageOptions options;
private boolean isHaveHandler = true;// , handler ,
// Start
private ViewPager viewPager;
private LinearLayout indicator;//
private onItemClickListener listener;
// End
// Start
private float mAspectRatio; //
private int defaultImageResource; //
private int updateTime; // , 3
private boolean showIndicator; // ,
private int indicatorHeight;// , 35dp
private int indicatorPositionSize; //
private int indicatorBackground; //
// End
// Start
private int imageCount;
private int lastPosition;
private List<Integer> imageResources;
private List<Image> imageUrls;
// End
사용자 정의 속성 값 분석다음은 사용자 정의 속성 할당 을 위해 3 개의 매개 변수의 구조 방법 에서 변 수 를 초기 화 합 니 다.
public BannerView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
parseCustomAttributes(context, attrs);
this.context = context;
handler = new Handler();
imageLoader = ImageLoader.getInstance();
options = HSApplication.getDisplayOptions().build();
initViews();
}
/**
*
*
* @param context
* @param attrs
*/
private void parseCustomAttributes(Context context, AttributeSet attrs) {
TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.BannerView);
mAspectRatio = typedArray.getFloat(R.styleable.BannerView_aspectRatio, 0f);
defaultImageResource = typedArray.getResourceId(R.styleable.BannerView_defaultSrc,
R.drawable.about_us);
updateTime = typedArray.getInt(R.styleable.BannerView_updateTime, 3000);
showIndicator = typedArray.getBoolean(R.styleable.BannerView_indicatorVisible, true);
indicatorHeight = (int) (typedArray.getDimension(R.styleable.BannerView_indicatorHeight,
Utils.dip2px(context, 35)));
indicatorBackground = typedArray.getResourceId(R.styleable.BannerView_indicatorBackground,
R.color.white_alpha00);
indicatorPositionSize = (int) typedArray.getDimension(
R.styleable.BannerView_indicatorPositionSize, Utils.dip2px(context, 5));
typedArray.recycle();
}
private void initViews() {
viewPager = new ViewPager(context);
viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset,
int positionOffsetPixels) {
}
@Override
public void onPageSelected(int position) {
if (showIndicator) {
for (int i = 0; i < indicator.getChildCount(); i++) {
indicator.getChildAt(i).setSelected(false);
}
indicator.getChildAt(position % imageCount).setSelected(true);
}
lastPosition = position;
}
@Override
public void onPageScrollStateChanged(int state) {
switch (state) {
case ViewPager.SCROLL_STATE_IDLE://
if (!isHaveHandler) {
isHaveHandler = true;
handler.postDelayed(updateRunnable, updateTime);
}
break;
case ViewPager.SCROLL_STATE_DRAGGING://
handler.removeCallbacks(updateRunnable);
isHaveHandler = false;
break;
}
}
});
addView(viewPager, new LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
ViewGroup.LayoutParams.WRAP_CONTENT));
if (showIndicator) {
indicator = new LinearLayout(context);
indicator.setOrientation(LinearLayout.HORIZONTAL);
indicator.setGravity(Gravity.CENTER);
indicator.setBackgroundResource(indicatorBackground);
RelativeLayout.LayoutParams layoutParams = new LayoutParams(
ViewGroup.LayoutParams.MATCH_PARENT, indicatorHeight);
layoutParams.addRule(ALIGN_PARENT_BOTTOM);
addView(indicator, layoutParams);
}
}
컨트롤 과 사용자 정의 속성 은 모두 할당 과 초기 화 를 거 쳤 습 니 다.다음은 그림 자원 을 설정 해 야 합 니 다.
public void setImageResources(List<Integer> imageResources) {
if (imageResources == null || imageResources.size() == 0) {
throw new RuntimeException(" ");
}
this.imageResources = imageResources;
imageCount = imageResources.size();
}
public void setImageUrls(List<Image> imageUrls) {
if (imageUrls == null || imageUrls.size() == 0) {
throw new RuntimeException(" ");
}
this.imageUrls = imageUrls;
imageCount = imageUrls.size();
loadImages();
}
private void loadImages() {
if (showIndicator) {
addIndicationPoint();
}
viewPager.setAdapter(new MyViewPageAdapter());
viewPager.setCurrentItem(200 - (200 % imageCount));
handler.removeCallbacks(updateRunnable);
handler.postDelayed(updateRunnable, updateTime);
}
/**
*
*/
private void addIndicationPoint() {
//
if (indicator.getChildCount() > 0) {
indicator.removeAllViews();
}
View pointView;
int margin = Utils.dip2px(context, 5f);
LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(
indicatorPositionSize, indicatorPositionSize);
layoutParams.setMargins(margin, margin, margin, margin);
for (int i = 0; i < imageCount; i++) {
pointView = new View(context);
pointView.setBackgroundResource(R.drawable.indicator_selector);
if (i == lastPosition) {
pointView.setSelected(true);
} else {
pointView.setSelected(false);
}
indicator.addView(pointView, layoutParams);
}
}
private class MyViewPageAdapter extends PagerAdapter {
@Override
public int getCount() {
return Integer.MAX_VALUE;
}
@Override
public boolean isViewFromObject(View view, Object object) {
return view == object;
}
@Override
public Object instantiateItem(ViewGroup container, final int position) {
final ImageView imageView = new ImageView(container.getContext());
imageView.setImageResource(defaultImageResource);
imageView.setScaleType(ImageView.ScaleType.FIT_XY);
final Image image = imageUrls.get(position % imageCount);
imageLoader.displayImage(image.getImageUrl(), imageView, options);
imageView.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
if (listener != null) {
listener.onClick(v, position % imageCount, image.getAction(),
image.getUrl());
}
}
});
container.addView(imageView);
return imageView;
}
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View) object);
}
}
private Runnable updateRunnable = new Runnable() {
@Override
public void run() {
viewPager.setCurrentItem(lastPosition + 1);
handler.postDelayed(updateRunnable, updateTime);
}
/**
*
*/
public interface onItemClickListener {
void onClick(View view, int position, String action, String url);
}
public void setOnItemClickListener(onItemClickListener listener) {
this.listener = listener;
}
시간 이 너무 촉박 해서 상세 하 게 설명 하지 못 했 습 니 다.제GitHub를 옮 겨 서 전체 코드 를 볼 수 있 습 니 다.이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 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에 따라 라이센스가 부여됩니다.