Android实现轮播图效果
16lz
2021-01-23
Android实现轮播图效果
(1)参考资料
资料:https://github.com/daimajia/AndroidImageSlider
(2)Step1:导入依赖
implementation "com.android.support:support-v4:+"implementation 'com.squareup.picasso:picasso:2.3.2'implementation 'com.nineoldandroids:library:2.4.0'implementation 'com.daimajia.slider:library:1.1.5@aar'
(3)Step2:布局文件中引用
<com.daimajia.slider.library.SliderLayout android:id="@+id/slider" android:layout_width="match_parent" custom:auto_cycle="true" android:layout_height="200dp"> </com.daimajia.slider.library.SliderLayout>
下面介绍一些自己设置的相关属性
custom:pager_animation=”Accordion” 切换动画效果 custom:auto_cycle=”true” 自动播放 custom:indicator_visibility=”visible” 显示指示器
(4)代码实现
1.获取SliderLayout组件
mSliderLayout = findViewById(R.id.slider);
2.创建轮播的TextSliderView,创建完成后加入到msliderLayout即可
TextSliderView textSliderView = new TextSliderView(this); textSliderView.description("图一") .setScaleType(BaseSliderView.ScaleType.Fit) .image("https://ww1.sinaimg.cn/large/610dc034ly1fhrcmgo6p0j20u00u00uu.jpg"); mSliderLayout.addSlider(textSliderView);
(5)完整代码
package com.example.iot;import androidx.appcompat.app.AppCompatActivity;import android.os.Bundle;import com.daimajia.slider.library.SliderLayout;import com.daimajia.slider.library.SliderTypes.BaseSliderView;import com.daimajia.slider.library.SliderTypes.TextSliderView;public class MainActivity extends AppCompatActivity { private SliderLayout mSliderLayout; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initUI(); TextSliderView textSliderView = new TextSliderView(this); textSliderView.description("图一") .setScaleType(BaseSliderView.ScaleType.Fit) .image("https://ww1.sinaimg.cn/large/610dc034ly1fhrcmgo6p0j20u00u00uu.jpg"); mSliderLayout.addSlider(textSliderView); TextSliderView textSliderView1 = new TextSliderView(this); textSliderView1.description("图二") .setScaleType(BaseSliderView.ScaleType.Fit) .image("https://ww2.sinaimg.cn/large/7a8aed7bjw1f3c7zc3y3rj20rt15odmp.jpg"); mSliderLayout.addSlider(textSliderView1); } private void initUI() { mSliderLayout = findViewById(R.id.slider); } @Override protected void onStop() { mSliderLayout.stopAutoCycle(); super.onStop(); }}
(6)添加权限
<uses-permission android:name="android.permission.INTERNET" /> <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
(7)效果图
## (7)效果图![在这里插入图片描述](https://img-blog.csdnimg.cn/20200411110006527.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0xvdmVTdGFyYnVja3M=,size_16,color_FFFFFF,t_70)
更多相关文章
- Android FrameLayout的显示效果
- 跑马灯效果
- Android应用程序安装过程源代码分析(3)
- Android中使用Gallery_tabhost来实现标签效果图源码
- Android开发——控件基础(七)ListView组件:示例代码
- Ubuntu 13.04 编译环境配置及android 2.3 源代码编译时出现了以
- Android应用程序安装过程源代码分析(4)
- Android平台mass storage相关代码
- Android DrawerLayout抽屉效果