用Fragment和ViewPager编写酷炫引导页。

话不多说直接上效果图:

                                                                          

为什么不使用第三方库Baaner来写这个引导页呢?因为产品那边的需求比较神奇(标题那里有个直角虚线),而且要适配平板(此demo里面没写,如有需要请联系我),所以只能通过Fragment加ViewPager来写引导页。

 

1、首先编写activity_main.xml

<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"
    >

    <android.support.v4.view.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="center_horizontal" >
    </android.support.v4.view.ViewPager>


    <TextView
        android:layout_marginBottom="15dp"
        android:layout_centerHorizontal="true"
        android:layout_alignParentBottom="true"
        android:id="@+id/tv_skip"
        android:layout_width="154dp"
        android:layout_height="40dp"
        android:layout_gravity="center_horizontal"
        android:background="@drawable/shape_radius_12_yellow"
        android:gravity="center"
        android:text="立即体验"
        android:textColor="#303030"
        android:visibility="gone" />

    <LinearLayout
        android:layout_marginBottom="24dp"
        android:layout_alignParentBottom="true"
        android:id="@+id/layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal|center_vertical"
        android:orientation="horizontal"/>
</RelativeLayout>

 

2、编写fragment_guide.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width=&#
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值