直播app原始碼，使用者首次登入時彈出左右滑動導航頁

直播app原始碼，使用者首次登入時彈出左右滑動導航頁

第一步：MainActivity中新增一個跳轉導航頁的按鈕，佈局檔案activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="
    xmlns:app="
    xmlns:tools="
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    android:gravity="center"
    tools:context=".MainActivity">
 
    <Button
        android:id="@+id/jump_guide_activity"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="新手引導頁" />
 
</LinearLayout>
MainActivity.java程式碼：
package com.xw.guidepagedemo;
 
import androidx.appcompat.app.AppCompatActivity;
 
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
 
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
 
    private Button mJumpGuidePage;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initview();
        initListener();
    }
    private void initview() {
        //跳轉導航頁的按鈕
        mJumpGuidePage = findViewById(R.id.jump_guide_activity);
    }
 
    private void initListener() {
        //跳轉導航頁的按鈕的點選事件
        mJumpGuidePage.setOnClickListener(this);
    }
 
    @Override
    public void onClick(View v) {
        Intent intent = new Intent();
        intent.setClass(this,GuidePageActivity.class);
        startActivity(intent);
    }
}

 第二步：建立導航頁的Activity：GuidePageActivity.class和佈局檔案activity_page_guide.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="
    xmlns:app="
    xmlns:tools="
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    tools:context=".GuidePageActivity">
 
    <androidx.viewpager.widget.ViewPager
        android:id="@+id/guide_viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
 
    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="50dp"
        >
        <!-- 用於動態新增shape圓形灰色小圓點的指示器的佈局 -->
        <LinearLayout
            android:id="@+id/indicator_container"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
        </LinearLayout>
        <!-- 用於遮蓋在灰色小圓點上面的紅色小圓點 -->
        <ImageView
            android:id="@+id/red_dot"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/shape_circle_selected"
            />
    </RelativeLayout>
 
</RelativeLayout>

上面的佈局檔案中，通過相對佈局的進行元件的佈局，在ViewPager元件上新增一個相對佈局的指示器容器，指示器容器中包含一個用於動態新增shape圓形灰色小圓點的線性佈局和一個ImageView元件。

以上就是直播app原始碼，使用者首次登入時彈出左右滑動導航頁， 更多內容歡迎關注之後的文章