在Android studio中使用viewpager创建出图片轮播效果

最新推荐文章于 2024-07-08 03:15:25 发布

小黄鸡kimhuhg

最新推荐文章于 2024-07-08 03:15:25 发布

阅读量1.3w

点赞数 1

分类专栏： Android 文章标签： android android studio viewpager java

本文链接：https://blog.csdn.net/tianyingxiaojiang/article/details/50942477

版权

本文介绍如何在Android Studio中利用viewpager组件创建图片轮播效果。通过设置布局和形状属性，结合代码实现动态轮播，即使不自定义形状，也能通过imageview达到相同视觉体验。

摘要由CSDN通过智能技术生成

1.布局：

<RelativeLayout 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=".MainActivity" >

    <!-- 广告条的使用 -->

    <com.example.viewpagerpractice2.MyViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="200dp" />

    <!-- 广告条下边的文字 -->

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@id/viewpager"
        android:background="#33000000"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/image_desc"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="@string/app_name"
            android:textColor="@android:color/white"
            android:textSize="16sp" />

        <LinearLayout
            android:id="@+id/point_group"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_marginBottom="5dp"
            android:orientation="horizontal" >
        </LinearLayout>
    </LinearLayout>

</RelativeLayout>

2.形状属性定义：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval" >

    <size
        android:height="5dp"
        android:width="5dp" />

    <solid android:color="#aaFFFFFF" />

</shape>