android 圖片輪播com.daimajia.slider.library.SliderLayout注意事項
阿新 • • 發佈:2019-01-03
1.在build檔案中進行配置
// 圖片框架 https://github.com/square/picasso
compile 'com.squareup.picasso:picasso:2.5.2'
// 動畫相容框架 https://github.com/JakeWharton/NineOldAndroids
compile 'com.nineoldandroids:library:2.4.0'
// 廣告橫幅 https://github.com/daimajia/AndroidImageSlider
compile 'com.daimajia.slider:library: [email protected]'
2.許可權
<!-- if you want to load images from the internet --> <uses-permission android:name="android.permission.INTERNET" /> <!-- if you want to load images from a file OR from the internet --> <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
3.引導頁效果
UI:
<com.daimajia.slider.library.SliderLayout android:id="@+id/slider" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" app:auto_cycle="false"/>
<com.daimajia.slider.library.Indicators.PagerIndicator android:id="@+id/custom_indicator" android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center" custom:selected_color="#FF5500" custom:unselected_color="#55333333" custom:shape="rect" custom:selected_padding_left="2dp" custom:selected_padding_right="2dp" custom:unselected_padding_left="2dp" custom:unselected_padding_right="2dp" custom:selected_width="16dp" custom:selected_height="3dp" custom:unselected_width="16dp" custom:unselected_height="3dp" android:layout_gravity="center" />
後臺程式碼:
@ContentView(R.layout.activity_launcher_guide) public class LauncherGuideActivity extends BaseActivity { @ViewInject(R.id.slider) private SliderLayout slider; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); PagerIndicator indicator = slider.getPagerIndicator(); indicator.setDefaultIndicatorColor(0xffffffff, 0x80ffffff); indicator.setDefaultSelectedIndicatorSize(12f, 12f, PagerIndicator.Unit.DP); indicator.setDefaultUnselectedIndicatorSize(8f, 8f, PagerIndicator.Unit.DP); slider.addSlider(new DefaultSliderView(this).setScaleType(BaseSliderView.ScaleType.CenterCrop).empty(R.color.colorGuide1).image(R.mipmap.bg_guide_1)); slider.addSlider(new DefaultSliderView(this).setScaleType(BaseSliderView.ScaleType.CenterCrop).empty(R.color.colorGuide2).image(R.mipmap.bg_guide_2)); slider.addSlider(new DefaultSliderView(this).setScaleType(BaseSliderView.ScaleType.CenterCrop).empty(R.color.colorGuide3).image(R.mipmap.bg_guide_3)); // 設定預設過渡效果(可在xml中設定)
slider.setPresetTransformer(SliderLayout.Transformer.Accordion);// 設定預設指示器位置(預設指示器白色,位置在sliderlayout底部)
slider.setPresetIndicator(SliderLayout.PresetIndicators.Center_Bottom);// 設定自定義指示器(位置自定義)
slider.setCustomIndicator((PagerIndicator) findViewById(R.id.custom_indicator));
// 設定TextView自定義動畫
slider.setCustomAnimation(new DescriptionAnimation());
//slider.setCustomAnimation(new ChildAnimationExample()); // 多種效果,進入該類修改,參考效果github/daimajia/AndroidViewAnimations
// 設定持續時間
slider.setDuration(2000);
slider.addOnPageChangeListener(this);
slider.addSlider(new DefaultSliderView(LauncherGuideActivity.this).empty(R.color.colorDark80).image(R.color.colorDark80)); slider.setCurrentPosition(0); try { Field fieldViewPager = SliderLayout.class.getDeclaredField("mViewPager"); Field fieldSliderAdapter = SliderLayout.class.getDeclaredField("mSliderAdapter"); fieldViewPager.setAccessible(true); fieldSliderAdapter.setAccessible(true); InfiniteViewPager mViewPager = (InfiniteViewPager) fieldViewPager.get(slider); final SliderAdapter mSliderAdapter = (SliderAdapter) fieldSliderAdapter.get(slider); mViewPager.setAdapter(new InfinitePagerAdapter(mSliderAdapter) { @Override public int getCount() { return getRealCount(); } }); slider.addOnPageChangeListener(new PagerIndicator(LauncherGuideActivity.this) { @Override public void onPageSelected(int position) { super.onPageSelected(position); if (position == mSliderAdapter.getCount() - 1) { getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN); overridePendingTransition(android.R.anim.fade_in, android.R.anim.fade_out); finish(); } } }); } catch (Exception e) { LogHelper.e("GuideActivity.initViews", e); }}}
4.首頁輪播圖效果
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content"> <com.daimajia.slider.library.SliderLayout android:id="@+id/slider" android:layout_width="match_parent" android:layout_height="144dp"/> </FrameLayout>