AndroidImageSlider 酷炫自动轮播广告

来源：互联网发布：网络招生熊龙编辑：程序博客网时间：2024/04/20 03:36

自己的第一篇博客，根据视频资料学习关于5.0版本的新知识，在这里相当于也是做个笔记

第一步：

在build.gradle文件里填写

dependencies {

compile"com.android.support:support-v4:+"

compile'com.squareup.picasso:picasso:2.3.2'

compile'com.nineoldandroids:library:2.4.0'

compile'com.daimajia.slider:library:1.1.5@aar'

}

第二步：

填写完第一步，点击右上角同步syncnow进行同步

第三步：

布局文件代码

<com.daimajia.slider.library.SliderLayout

android:id="@+id/slider"

android:layout_width="match_parent"

android:layout_height="200dp" />

<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="#0095BF"

custom:unselected_color="#55333333"

custom:shape="oval"

custom:selected_padding_left="5dp"

custom:selected_padding_right="5dp"

custom:unselected_padding_left="5dp"

custom:unselected_padding_right="5dp"

android:layout_centerHorizontal="true"

android:layout_alignParentBottom="true"

custom:selected_width="6dp"

custom:selected_height="6dp"

custom:unselected_width="6dp"

custom:unselected_height="6dp"

android:layout_marginBottom="20dp"

android:layout_gravity="right" />

第四步：

主代码MainActivity

public classMainActivity extends Activity {

private SliderLayoutmSliderLayout;

privatePagerIndicatorindicator;

@Override

protected void onCreate(Bundle savedInstanceState){

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

mSliderLayout= (SliderLayout)findViewById(R.id.slider);

indicator=(PagerIndicator)findViewById(R.id.custom_indicator);

initSlider();

}

//添加图片

private voidinitSlider(){

TextSliderView textSliderView1=newTextSliderView(this);

//添加轮播图标题及图片

textSliderView1.description("one").image("http://img.taodiantong.cn/v55183

/infoimg/2013-07/130720115322ky.jpg");

//点击监听事件

textSliderView1.setOnSliderClickListener(new

BaseSliderView.OnSliderClickListener(){

@Override

public void onSliderClick(BaseSliderView slider){

Toast.makeText(MainActivity.this, "one",Toast.LENGTH_SHORT).show();

}

});

TextSliderView textSliderView2=newTextSliderView(this);

//添加轮播图标题及图片

textSliderView2.description("two").image("http://pic30.nipic.com/20130626

/8174275_085522448172_2.jpg");

//点击监听事件

textSliderView2.setOnSliderClickListener(new

BaseSliderView.OnSliderClickListener(){

@Override

public voidonSliderClick(BaseSliderView slider){

Toast.makeText(MainActivity.this, "two",Toast.LENGTH_LONG).show();

}

});

TextSliderViewtextSliderView3=newTextSliderView(this);

//添加轮播图标题及图片

textSliderView3.description("three").image("http://pic18.nipic.com/20111215

/577405_080531548148_2.jpg");

//点击监听事件

textSliderView3.setOnSliderClickListener(new

BaseSliderView.OnSliderClickListener(){

@Override

public void onSliderClick(BaseSliderView slider){

Toast.makeText(MainActivity.this, "three",Toast.LENGTH_LONG).show();

}

});

TextSliderView textSliderView4=newTextSliderView(this);

//添加轮播图标题及图片

textSliderView4.description("four").image("http://pic15.nipic.com/20110722

/2912365_092519919000_2.jpg");

//点击监听事件

textSliderView4.setOnSliderClickListener(new

BaseSliderView.OnSliderClickListener(){

@Override

public voidonSliderClick(BaseSliderView slider){

Toast.makeText(MainActivity.this, "four",Toast.LENGTH_LONG).show();

}

});

mSliderLayout.addSlider(textSliderView1);

mSliderLayout.addSlider(textSliderView2);

mSliderLayout.addSlider(textSliderView3);

mSliderLayout.addSlider(textSliderView4);

//添加动画(默认的)

//mSliderLayout.setPresetIndicator(SliderLayout.PresetIndicators.Center_Bottom);

//添加动画（布局文件自定义的）

mSliderLayout.setCustomIndicator(indicator);

//动画样式

mSliderLayout.setPresetTransformer(SliderLayout.Transformer.RotateUp);

//动画时间

mSliderLayout.setDuration(1000);

}

效果图

0 0