1. 程式人生 > >android 圖片輪播com.daimajia.slider.library.SliderLayout注意事項

android 圖片輪播com.daimajia.slider.library.SliderLayout注意事項

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>