Android实现左右滑动的指引效果

在一般情况下,Android左右滑动的指引效果是指在应用第一次启动时,会显示一些帮助界面,用户可通过手指左右滑动来了解应用信息。当用户滑动到最后一页时,可通过点击进入游戏应用。如下图所示:


直接上代码,布局文件如下:

<1>activivty_guide_view_01.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="center"
    android:background="@color/textBgColor" >

    <LinearLayout
        android:id="@id/ll_guide_view_01_01"
        android:layout_width="match_parent"
        android:layout_height="20dp"
        android:orientation="vertical" />

    <LinearLayout
        android:id="@id/ll_guide_view_01_02"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/ll_guide_view_01_01"
        android:background="@drawable/divider_horizontal_line"
        android:orientation="vertical" />

    <LinearLayout
        android:id="@id/ll_guide_view_01_03"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/ll_guide_view_01_02"
        android:orientation="vertical" >

        <ImageView
            android:id="@id/iv_guide_view_01"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:contentDescription="@string/gudie_view_01_image"
            android:src="@drawable/guide_view_01" />
    </LinearLayout>

    <LinearLayout
        android:id="@id/ll_guide_view_01_04"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/ll_guide_view_01_03"
        android:layout_margin="@dimen/activity_guide_view_margin"
        android:background="@drawable/divider_horizontal_line"
        android:orientation="vertical" />

    <LinearLayout
        android:id="@id/ll_guide_view_01_05"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/ll_guide_view_01_04"
        android:orientation="vertical" >

        <TextView
            android:id="@id/tv_guide_view_01"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="@dimen/activity_guide_view_margin"
            android:paddingRight="@dimen/activity_guide_view_margin"
            android:text="@string/guide_view_01_text"
            android:textColor="@color/textColor"
            android:textSize="14sp" />
    </LinearLayout>

</RelativeLayout>

<2>activivty_guide_view_02.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="center"
    android:background="@color/textBgColor" >

    <LinearLayout
        android:id="@id/ll_guide_view_02_01"
        android:layout_width="match_parent"
        android:layout_height="20dp"
        android:orientation="vertical" />

    <LinearLayout
        android:id="@id/ll_guide_view_02_02"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/ll_guide_view_02_01"
        android:background="@drawable/divider_horizontal_line"
        android:orientation="vertical" />

    <LinearLayout
        android:id="@id/ll_guide_view_02_03"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/ll_guide_view_02_02"
        android:orientation="vertical" >

        <ImageView
            android:id="@id/iv_guide_view_02"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:contentDescription="@string/gudie_view_02_image"
            android:src="@drawable/guide_view_02" />
    </LinearLayout>

    <LinearLayout
        android:id="@id/ll_guide_view_02_04"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/ll_guide_view_02_03"
        android:layout_margin="@dimen/activity_guide_view_margin"
        android:background="@drawable/divider_horizontal_line"
        android:orientation="vertical" />

    <LinearLayout
        android:id="@id/ll_guide_view_02_05"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/ll_guide_view_02_04"
        android:orientation="vertical" >

        <TextView
            android:id="@id/tv_guide_view_02"
            android:layout_width="wrap_content"
            android:layout_height="
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在Android实现左右滑动动画,可以使用ViewPager。ViewPager是一个视图容器,可以让用户在屏幕上左右滑动,以便浏览多个页面。 下面是一些步骤,以实现ViewPager左右滑动翻页效果: 1. 在布局文件中添加ViewPager。 ```xml <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#FFFFFF" /> ``` 2. 在MainActivity中,创建一个PagerAdapter类,它将管理页面。 ```java public class MyPagerAdapter extends PagerAdapter { private List<View> viewList; public MyPagerAdapter(List<View> viewList) { this.viewList = viewList; } @Override public int getCount() { return viewList.size(); } @Override public boolean isViewFromObject(View view, Object object) { return view == object; } @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView(viewList.get(position)); } @Override public Object instantiateItem(ViewGroup container, int position) { container.addView(viewList.get(position)); return viewList.get(position); } } ``` 3. 在MainActivity中,为ViewPager设置PagerAdapter。 ```java ViewPager viewPager = findViewById(R.id.viewPager); List<View> viewList = new ArrayList<>(); viewList.add(new View(this)); viewList.add(new View(this)); viewList.add(new View(this)); MyPagerAdapter adapter = new MyPagerAdapter(viewList); viewPager.setAdapter(adapter); ``` 现在,当用户在ViewPager中左右滑动时,页面将滑动到下一页,实现左右滑动翻页效果。 当然,你可以在PagerAdapter中添加自己的View,以实现更多的自定义效果

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值