Android 가로 슬라이딩 카드 효과 구현

최근 프로젝트 에 이런 효 과 를 실현 해 야 하 는 페이지 가 필요 합 니 다.기 존의 두 번 째 방법 을 찾 아 해결 하려 고 했 지만 한참 동안 물 어 봤 지만 어머니 도 방법 이 없 었 습 니 다.아예 스스로 생각해 보 았 습 니 다.(이 안에 동료의 도움 이 빠 질 수 없습니다)먼저 최종 효과 도 를 붙 였 습 니 다.

이론 적 으로 볼 때 그 본질 은 복잡 하지 않 고 바로 viewpager 이다.그러나 이런 효 과 를 처음 실현 하 는 데 시간 이 좀 걸 리 고 구체 적 인 코드 는 다음 과 같다.
주 레이아웃 파일:activityshow_industry_list.xml,주로 하나의 activity 에 viewpager 를 놓 지만 상대 적 인 레이아웃 이 관건 입 니 다.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent" android:layout_height="match_parent"
 xmlns:app="http://schemas.android.com/apk/res-auto"
 android:orientation="vertical"
 android:background="@color/colorGrayBg">
 <huazheng.haiereng.views.TitleView
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  app:titleText="       "
  app:showBackButton="true"
  android:id="@+id/titleView" />
 <RelativeLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:clipChildren="false"
  android:layerType="software"
  android:id="@+id/awq_rl_vpc">
 <android.support.v4.view.ViewPager
  android:id="@+id/vp_show_industry_list"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:layout_gravity="center"
  android:clipChildren="false"
  android:layout_marginLeft="40dp"
  android:layout_marginRight="40dp"
  android:layout_marginBottom="90dp" />
 
 </RelativeLayout>
</LinearLayout>

fragment 레이아웃 파일:fragmentshow_industry_list.xml  이 레이아웃 에 대응 하 는 클래스 는 비교적 간단 해서 위 에 붙 이지 않 습 니 다.

<LinearLayout 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="huazheng.haiereng.BlankFragment"
 android:orientation="vertical"
 android:background="@color/colorWhite">
 
 <!-- TODO: Update blank fragment layout -->
 
 <FrameLayout
  android:orientation="vertical"
  android:layout_width="match_parent"
  android:layout_height="300dp" >
 
  <ImageView
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:id="@+id/iv_show_industry_list_pic"
   android:background="@mipmap/show_industry_detail"
   android:layout_gravity="center_horizontal" />
 
  <FrameLayout
   android:layout_width="match_parent"
   android:layout_height="35dp"
   android:layout_gravity="bottom"
   android:alpha="0.5"
   android:background="#333" />
 
  <FrameLayout
   android:layout_width="wrap_content"
   android:layout_height="35dp"
   android:layout_gravity="center_horizontal|bottom"
   android:id="@+id/frameLayout" >
 
   <LinearLayout
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
 
    <TextView
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:textAppearance="?android:attr/textAppearanceMedium"
     android:text="             "
     android:textColor="@color/colorTextWhite"
     android:layout_gravity="center"
     android:id="@+id/tv_show_industry_list_title" />
   </LinearLayout>
  </FrameLayout>
 </FrameLayout>
 
 <TextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:textAppearance="?android:attr/textAppearanceMedium"
  android:text="         、  、   、     ，            "
  android:id="@+id/tv_show_industry_list_detail"
  android:layout_margin="20dp"
  android:textSize="@dimen/font_size_30"
  android:textColor="@color/colorTextGray" />
 
 <Button
  android:layout_width="120dp"
  android:layout_height="35dp"
  android:text="    "
  android:id="@+id/bt_show_industry_list_cat"
  android:textColor="@color/colorTextWhite"
  android:layout_gravity="center_horizontal"
  android:background="@drawable/drawable_circle_corner" />
</LinearLayout>

주 레이아웃 클래스 ShowIndustriListActivity.java

public class ShowIndustryListActivity extends BaseActivity {
 private FragmentPagerAdapter pagerada;
 private ShowIndustryListFragment showIndustryListFragment;
 ShowIndustryListFragment fragment1,fragment2,fragment3,fragment4;
 ArrayList<Fragment> fragments;
 @Bind(R.id.vp_show_industry_list)
 ViewPager viewPager;
 FragmentManager fragmentManager;
 
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_show_industry_list);
  ButterKnife.bind(this);
  fragmentManager = getSupportFragmentManager();
  fragments= new ArrayList<Fragment>();
  fragment1 = new ShowIndustryListFragment();
  fragment2 = new ShowIndustryListFragment();
  fragment3 = new ShowIndustryListFragment();
  fragment4 = new ShowIndustryListFragment();
  fragments.add(fragment1);
  fragments.add(fragment2);
  fragments.add(fragment3);
  fragments.add(fragment4);
 
  viewPager.setOffscreenPageLimit(fragments.size());//    
  viewPager.setPageMargin(10);//         ，  dp
 
  if (viewPager!=null){
   viewPager.removeAllViews();
  }
 
  MyFragmentPagerAdapter myFragmentPagerAdapter = new MyFragmentPagerAdapter(getSupportFragmentManager(), fragments);
 
  viewPager.setAdapter(myFragmentPagerAdapter);
 }
 
 class MyFragmentPagerAdapter extends FragmentPagerAdapter {
  private ArrayList<Fragment> listFragments;
 public MyFragmentPagerAdapter(FragmentManager fm, ArrayList<Fragment> al) {
  super(fm);
  listFragments = al;
 }
 
 public MyFragmentPagerAdapter(FragmentManager fm) {
  super(fm);
 }
 
 @Override
 public Fragment getItem(int position) {
  return listFragments.get(position);
 }
 
 @Override
 public int getCount() {
  return listFragments.size();
 }
 
 @Override
 public int getItemPosition(Object object) {
  return super.getItemPosition(object);
 }
}
 
}

이로써 효과 가 실 현 될 수 있 으 니 시작 해 보 자.
미끄럼 기능 에 관 한 글 은 주 제 를 클릭 하 십시오《안 드 로 이 드 슬라이딩 기능》
이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.