Android 는 구 궁 격 수평 좌우 슬라이딩 을 실현 합 니 다.
2 부분 을 포함 하 는 내용 을 발견 하기 어렵 지 않 습 니 다.1.좌우 로 미 끄 러 지 는 페이지,2.표시 기.
대범 함 은 보통'viewPager+GridView'라 고 생각 합 니 다.여기 서 다른 방법 을 소개 하고 기록 도 합 니 다.
GridViewPager+MagicIndicator(만능 표시 기)
build.gradle 도입
compile 'com.yhy:gvp:1.1.0'
compile 'com.github.hackware1993:MagicIndicator:1.5.0'
잘못 보고 하면 프로젝트 build.gradle 에 추가 합 니 다:
repositories {
...
maven {
url "https://jitpack.io"
}
}
2.레이아웃 코드
<LinearLayout
android:gravity="center_horizontal"
android:layout_gravity="center_horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<com.yhy.gvp.widget.GridViewPager
android:paddingLeft="15dp"
android:paddingRight="15dp"
android:id="@+id/grid_viewpager"
android:layout_width="match_parent"
android:layout_height="150dp"
app:num_columns="5"
app:page_size="10"></com.yhy.gvp.widget.GridViewPager>
<net.lucode.hackware.magicindicator.MagicIndicator
android:id="@+id/indicator_container"
android:layout_width="wrap_content"
android:layout_height="30dp">
</net.lucode.hackware.magicindicator.MagicIndicator>
</LinearLayout>
속성 설명:3.핵심 코드:
@InjectView(R.id.grid_viewpager)
GridViewPager gridViewpager;
@InjectView(R.id.indicator_container)
MagicIndicator indicatorContainer; ButterKnife
indexTypeAdapter=new IndexTypeAdapter(getActivity(),R.layout.item_index_type,typeDatas);//
gridViewpager.setGVPAdapter(indexTypeAdapter);
Log.i("datas",(int) Math.ceil(typeDatas.size() / 10)+"");
CommonNavigator commonNavigator = new CommonNavigator(context);//
commonNavigator.setAdapter(new CommonNavigatorAdapter() {
@Override
public int getCount() {
int num=typeDatas.size()/10;
if(typeDatas.size() % 10>0){
num++;
}
return typeDatas==null?0:num;
}
@Override
public IPagerTitleView getTitleView(Context mContext, final int i) {
CommonPagerTitleView commonPagerTitleView = new CommonPagerTitleView(context);
View view=View.inflate(context,R.layout.single_image_layout,null);
final ImageView iv_image=view.findViewById(R.id.iv_image);
iv_image.setImageResource(R.drawable.point_unfocused);
commonPagerTitleView.setContentView(view);// , ,
commonPagerTitleView.setOnPagerTitleChangeListener(new CommonPagerTitleView.OnPagerTitleChangeListener() {
@Override
public void onSelected(int i, int i1) {
iv_image.setImageResource(R.drawable.point_focused);
}
@Override
public void onDeselected(int i, int i1) {
iv_image.setImageResource(R.drawable.point_unfocused);
}
@Override
public void onLeave(int i, int i1, float v, boolean b) {
}
@Override
public void onEnter(int i, int i1, float v, boolean b) {
}
});
return commonPagerTitleView;
}
@Override
public IPagerIndicator getIndicator(Context context) {
return null;
}
});
indicatorContainer.setNavigator(commonNavigator);
ViewPagerHelper.bind(indicatorContainer, gridViewpager);//
4.좌우 슬라이딩 페이지 내용 어댑터 어댑터
public class IndexTypeAdapter extends GVPAdapter<IndexAllTypeBean.TypeListBean> {
private Context context;
public IndexTypeAdapter(Context context,int layoutResId, @Nullable List<IndexAllTypeBean.TypeListBean> data) {
super(layoutResId, data);
this.context=context;
}
@Override
public void bind(View item, int position, IndexAllTypeBean.TypeListBean data) {
CircleImageView iv_image=item.findViewById(R.id.iv_image);
TextView tv_type_name=item.findViewById(R.id.tv_type_name);
Picasso.with(context).load(data.getImageUrl()).into(iv_image);
tv_type_name.setText(data.getName());
}
}
//IndexAllTypeBean.TypeListBean ,
5.내용 항목 레이아웃
<LinearLayout
android:orientation="vertical"
android:paddingBottom="5dp"
android:layout_marginLeft="5dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
// , ImageView
<com.example.administrator.takeout.ui.widght.CircleImageView
android:id="@+id/iv_image"
android:gravity="center_horizontal"
android:layout_gravity="center_horizontal"
android:layout_width="40dp"
android:layout_height="40dp" />
<TextView
android:layout_marginTop="5dp"
android:gravity="center_horizontal"
android:layout_gravity="center_horizontal"
android:id="@+id/tv_type_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 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에 따라 라이센스가 부여됩니다.