📌  相关文章
📜  如何创建Android应用程序的基本简介滑块?

📅  最后修改于: 2021-05-09 18:24:50             🧑  作者: Mango

当我们下载任何应用程序并首次使用该应用程序时。然后,我们将看到应用程序内的简介滑块。在此滑块的帮助下,我们教育用户如何使用该应用程序,并详细介绍了该应用程序。在本文中,我们将介绍应用程序中Intro Slider的实现。现在,让我们着手在我们的应用程序中实现此功能。

我们将在本文中构建什么?

我们将构建一个简单的应用程序,在其中添加一个介绍性滑块,该滑块将介绍GeeksforGeeks上提供的不同课程。下面给出了一个示例GIF,以了解我们将在本文中做些什么。注意,我们将使用Java语言实现该项目。

创建Android应用示例GIF的基本简介滑块

介绍滑块的分步实现

步骤1:创建一个新项目

要在Android Studio中创建新项目,请参阅如何在Android Studio中创建/启动新项目。请注意,选择Java作为编程语言。

步骤2:在build.gradle文件中添加Intro Slider的依赖项。

导航到gradle脚本> build.gradle(app)文件,然后在“依赖项”部分中将以下依赖项添加到该文件中。

现在导航到(Project)Gradle Scripts> build.gradle文件,并在存储库部分中添加以下代码。

第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文件中

以下是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);
  
    }
}

添加此代码后,现在运行您的应用程序并查看该应用程序的输出。

输出:

想要一个节奏更快,更具竞争性的环境来学习Android的基础知识吗?
单击此处,前往由我们的专家精心策划的指南,以使您立即做好行业准备!