当我们下载任何应用程序并首次使用该应用程序时。然后,我们将看到应用程序内的简介滑块。在此滑块的帮助下,我们教育用户如何使用该应用程序,并详细介绍了该应用程序。在本文中,我们将介绍应用程序中Intro Slider的实现。现在,让我们着手在我们的应用程序中实现此功能。
我们将在本文中构建什么?
我们将构建一个简单的应用程序,在其中添加一个介绍性滑块,该滑块将介绍GeeksforGeeks上提供的不同课程。下面给出了一个示例GIF,以了解我们将在本文中做些什么。注意,我们将使用Java语言实现该项目。
介绍滑块的分步实现
步骤1:创建一个新项目
要在Android Studio中创建新项目,请参阅如何在Android Studio中创建/启动新项目。请注意,选择Java作为编程语言。
步骤2:在build.gradle文件中添加Intro Slider的依赖项。
导航到gradle脚本> build.gradle(app)文件,然后在“依赖项”部分中将以下依赖项添加到该文件中。
implementation ‘com.github.AppIntro:AppIntro:6.0.0’
现在导航到(Project)的Gradle Scripts> build.gradle文件,并在存储库部分中添加以下代码。
allprojects {
repositories {
// add below line in repositories section
maven { url ‘https://jitpack.io’ }
google()
jcenter()
}
}
第3步:创建一个新的Java类,该类将显示我们的滑块的幻灯片
要创建新的Java类,请导航至应用程序> Java >应用程序的包名称>右键单击它,然后单击新建> Java类并将其命名为IntroSlider 。创建此类后,将以下代码添加到其中。在代码内部添加了注释,以更详细地了解代码。
Java
import android.os.Bundle;
import androidx.core.content.ContextCompat;
import com.github.appintro.AppIntro;
import com.github.appintro.AppIntroFragment;
public class IntroSlider extends AppIntro {
// we are calling on create method
// to generate the view for our java file.
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// below line is for adding the new slide to our app.
// we are creating a new instance and inside that
// we are adding the title, description, image and
// background color for our slide.
// below line is use for creating first slide
addSlide(AppIntroFragment.newInstance("C++", "C++ Self Paced Course",
R.drawable.gfgimage, ContextCompat.getColor(getApplicationContext(), R.color.purple_200)));
// below line is for creating second slide.
addSlide(AppIntroFragment.newInstance("DSA", "Data Structures and Algorithms", R.drawable.gfgimage,
ContextCompat.getColor(getApplicationContext(), R.color.purple_200)));
// below line is use to create third slide.
addSlide(AppIntroFragment.newInstance("Java", "Java Self Paced Course", R.drawable.gfgimage,
ContextCompat.getColor(getApplicationContext(), R.color.purple_200)));
}
}
XML
Java
import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import android.content.Intent;
import android.os.Bundle;
import android.widget.GridView;
import android.widget.Toast;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Intent i =new Intent(getApplicationContext(),IntroSlider.class);
startActivity(i);
}
}
步骤4:使用AndroidManifest.xml文件
当我们创建一个用于显示Intro Slider的新活动时,我们正在将该活动添加到您的AndroidManifest.xml文件中。将以下行添加到您的AndroidManifest.xml文件中
android:name=”.IntroSlider” android:theme=”@style/Theme.AppCompat.NoActionBar” />
以下是AndroidManifest.xml文件的完整代码。
XML格式
步骤5:使用MainActivity。 Java文件
转到MainActivity。 Java文件并参考以下代码。下面是MainActivity的代码。 Java文件。
Java
import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import android.content.Intent;
import android.os.Bundle;
import android.widget.GridView;
import android.widget.Toast;
import java.util.ArrayList;
import java.util.List;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Intent i =new Intent(getApplicationContext(),IntroSlider.class);
startActivity(i);
}
}
添加此代码后,现在运行您的应用程序并查看该应用程序的输出。