返回顶部
首页 > 资讯 > 移动开发 >android实现欢迎界面效果
  • 786
分享到

android实现欢迎界面效果

2024-04-02 19:04:59 786人浏览 八月长安
摘要

现在许多流行的软件中都有欢迎界面,今天就介绍一下欢迎界面的制作,由于界面涉及到页面的滑动,因此要采用ViewPager,sdk在4.0一下的都要引入“android-support-

现在许多流行的软件中都有欢迎界面,今天就介绍一下欢迎界面的制作,由于界面涉及到页面的滑动,因此要采用ViewPager,sdk在4.0一下的都要引入“android-support-v4.jar”这个包。

第一步:main.xml设计,其中ViewPager为多页显示控件,其中button是为了在最后一页显示开始按钮,其中Android:visibility="invisible"是保证在其他页面不显示button,只有在最后一页才显示button,下面的linearlayout里的image是圆点展示当前页状态和总页数:


<FrameLayout xmlns:android="Http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >  
    <android.support.v4.view.ViewPager
        android:id="@+id/guide_viewpager"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center" > 
    </android.support.v4.view.ViewPager>    
    <Button 
      android:text="开始体验" 
      android:id="@+id/startButton"       
         android:layout_marginBottom="50dp"
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content"
      android:layout_gravity="bottom|center_horizontal"
      android:visibility="invisible">
    </Button>   
    <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
         android:layout_marginBottom="30dp" 
         android:gravity="center_horizontal"     >
            
            <ImageView
             android:id="@+id/page0"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"              
          android:scaleType="matrix"
          android:src="@drawable/page_now" />
            <ImageView
             android:id="@+id/page1"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_marginLeft="10dp"              
          android:scaleType="matrix"
          android:src="@drawable/page" />
            <ImageView
             android:id="@+id/page2"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_marginLeft="10dp"                 
          android:scaleType="matrix"
          android:src="@drawable/page" />
        </LinearLayout>
        
   
</FrameLayout>

第二步:创建MyPagerAdapter 继承PagerAdapter这个适配器比较简单,如下:


package com.crtk.adapter;
 
import java.util.ArrayList;
 
import android.R;
import android.os.Parcelable;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
public class PageviewAdapter extends PagerAdapter{
 private ArrayList<View> views;
   
 public PageviewAdapter(ArrayList<View> views){
  this.views = views;
  
 } 
 //页面view
 public Object instantiateItem(View container, int position) {
  ((ViewPager)container).addView(views.get(position));
             
  return views.get(position);
 }
  
 @Override
 public int getCount() {
  return this.views.size();
 }
 @Override
 public boolean isViewFromObject(View arg0, Object arg1) {
  return arg0 == arg1;
 }
 public void destroyItem(View container, int position, Object object) {
  ((ViewPager)container).removeView(views.get(position));
 }
 @Override
 public void finishUpdate(View arg0) {
  // TODO Auto-generated method stub
  
 }
 @Override
 public void restoreState(Parcelable arg0, ClassLoader arg1) {
  // TODO Auto-generated method stub
  
 }
 @Override
 public Parcelable saveState() {
  // TODO Auto-generated method stub
  return null;
 }
 @Override
 public void startUpdate(View arg0) {
  // TODO Auto-generated method stub
  
 }
}

第三步:写Activity,如下:


package com.crtk.main;
 
import java.util.ArrayList;
import java.util.List;
 
import com.crtk.adapter.PageviewAdapter;
 
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;
 
public class Guideactivity extends Activity implements OnPageChangeListener{
 
 static final int PAGE_NUM = 3;//欢迎界面共3页
 private ArrayList<View> views;//保存viewpager的各个view
 private ViewPager viewPager;
 private LayoutInflater inflater;
 private ImageView []dots; //小点数组
 
    private Intent intent ;
    private Button startButton;
    
 
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.guide);
        inflater = LayoutInflater.from(this);  
        
        intent = new Intent(GuideActivity.this, MainActivity.class);
        //初始化page
        initPage();
        //初始化小点。。。
        initDots();
        
    }
    private void initPage(){     
                 
         views = new ArrayList<View>(); 
         
 //guide_01,guide_02,guide_03 为3个欢迎页面,将其加入views数组中
         views.add(inflater.inflate(R.layout.guide_01, null));
         views.add(inflater.inflate(R.layout.guide_02, null));
         views.add(inflater.inflate(R.layout.guide_03, null));
         
         PageviewAdapter pageAdapter = new PageviewAdapter(views);
         viewPager = (ViewPager)findViewById(R.id.guide_viewpager);
        //绑定adapter 
 viewPager.setAdapter(pageAdapter);
         
         //重要!!!绑定pageseleted等函数
         viewPager.setOnPageChangeListener(this);
         
           
         //绑定开始键,开始使用,只有在最后一页button才能显示
         startButton = (Button)findViewById(R.id.startButton);
         
         startButton.setOnClickListener(new  OnClickListener(){
 
   @Override
   public void onClick(View arg0) {
    // TODO Auto-generated method stub
    GuideActivity.this.startActivity(intent); //跳转activity 
    GuideActivity.this.finish(); 
   }
         
         });
         
    }
    private void initDots(){
     dots = new ImageView[3];//底部小圆点数组
     //View guidePage = (View)findViewById();
     dots[0] = (ImageView) findViewById(R.id.page0);
     dots[1] = (ImageView) findViewById(R.id.page1);
     dots[2] = (ImageView) findViewById(R.id.page2);
     
    }
    
 @Override
 public void onPageScrollStateChanged(int arg0) {
  // TODO Auto-generated method stub
  
 }
 @Override
 public void onPageScrolled(int arg0, float arg1, int arg2) {
  // TODO Auto-generated method stub
  
 }
 @Override
 public void onPageSelected(int arg0) {
  // TODO Auto-generated method stub
  System.out.println("the page now is " + arg0);
  
  dots[arg0].setImageDrawable(getResources().getDrawable(R.drawable.page_now));
 //选中的页面设置小圆点为亮点,其余的都为暗点
  for (int i = 0; i < 3 ;i ++)
  {
   if (i == arg0) {continue;}
   else 
   {
    dots[i].setImageDrawable(getResources().getDrawable(R.drawable.page));
 
   }
  }
  
  //如果切换到最后一页,显示开始button,其余的都隐藏
  if(arg0 == PAGE_NUM -1)
  {
   startButton.setVisibility(View.VISIBLE);//.setVisibility();
  }
 }
}

其他:上述只是简单实现了欢迎界面,有的blog里建议最后一页的开始button放在viewpager里,本人试了一下不是太好用,如果功能要求不是特别多,上述做法还是挺简单的。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程网。

--结束END--

本文标题: android实现欢迎界面效果

本文链接: https://lsjlt.com/news/135905.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • android实现欢迎界面效果
    现在许多流行的软件中都有欢迎界面,今天就介绍一下欢迎界面的制作,由于界面涉及到页面的滑动,因此要采用ViewPager,sdk在4.0一下的都要引入“android-support-...
    99+
    2024-04-02
  • Android实现闪屏欢迎界面
    闪屏:在打开App时,展示,持续数秒后,自动关闭,进入另外的一个界面,SplashActivity跳转到MainActivity Android中有三种实现方法 xml...
    99+
    2022-06-06
    闪屏 界面 Android
  • Android 应用的欢迎界面实现代码
    本文详细描述了如何实现如下图中的微信启动界面. 该类启动界面的特点是在整个Application的生命周期里, 它只会出现在第一次进入应用时, 即便按回退键到桌面之后. 使用该...
    99+
    2022-06-06
    界面 Android
  • Android仿小红书欢迎界面
    1,觉得小红书的欢迎界面感觉很漂亮,就想来学习学习一下来实现类似于这种效果 。 原效果图如下: 2,根据效果我们来一点点分析 第一步:首先看一下我们的主界面布局文件...
    99+
    2022-06-06
    小红书 界面 Android
  • Android实现欢迎滑动页面
    本文实例为大家分享了Android实现欢迎滑动页面的具体代码,供大家参考,具体内容如下 一、效果图 二、源码 1.activity_welcome_guide.xml <xm...
    99+
    2024-04-02
  • Android 应用启动欢迎界面广告的实现实例
    Android 应用启动欢迎界面广告0.写在前面在这篇教程中来实现一个类似于微信的的延迟3秒再进入主界面的效果。1.项目准备先新建一个空的android项目。里面只自带一个MainActivity,首先我们再新建一个Activity叫做We...
    99+
    2023-05-31
    android 应用启动 欢迎界面
  • 使用Android制作一个欢迎界面
    使用Android制作一个欢迎界面?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。闪屏:在打开App时,展示,持续数秒后,自动关闭,进入另外的一个界面,SplashActiv...
    99+
    2023-05-31
    android 欢迎
  • Android基于ViewPager实现的应用欢迎界面完整实例
    本文实例讲述了Android基于ViewPager实现的应用欢迎界面。分享给大家供大家参考,具体如下: 有时候开发一个应用需要指导用户提示一些新功能,这样的欢迎界面的实现可以用...
    99+
    2022-06-06
    界面 viewpager Android
  • android开发之欢迎界面的小例子
    首先你得写好xml文件,这也是最主要的。 然后,在activity中加入一个线程,延时2秒,用来跳转到主界面。 activity中线程代码如下:(顺便检测一下网络是否打开) [...
    99+
    2022-06-06
    界面 android开发 Android
  • c语言游戏欢迎界面怎么实现
    要实现一个C语言游戏的欢迎界面,可以使用以下步骤:1. 导入所需的头文件和库,例如stdio.h和windows.h(如果是Wind...
    99+
    2023-10-11
    c语言
  • win7怎么取消欢迎界面
    这篇文章主要讲解了“win7怎么取消欢迎界面”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“win7怎么取消欢迎界面”吧!取消方法:按组合键win+R打开运行工具,接着输入“gpedit.ms...
    99+
    2023-06-28
  • win7怎么关闭欢迎界面
    在Windows 7中,关闭欢迎界面的方法如下:1. 首先,点击"开始"按钮,然后在搜索框中输入"gpedit.msc"并按下回车键...
    99+
    2023-08-21
    win7
  • Android怎么实现3D界面效果
    要实现3D界面效果,可以通过以下几种方法:1. 使用OpenGL ES:Android支持OpenGL ES库,可以使用OpenGL...
    99+
    2023-08-24
    Android
  • java欢迎界面代码怎么写
    以下是一个简单的Java欢迎界面代码示例:```javaimport java.util.Scanner;public class ...
    99+
    2023-08-12
    java
  • 基于eclipse的android项目实战—博学谷(一)欢迎界面
    本项目是用eclipse软件编写,经过我的亲自实践,其真实有效,希望能给您有所帮助 ...
    99+
    2022-06-06
    博学谷 实战 界面 Eclipse Android
  • android欢迎动画怎么实现
    Android欢迎动画可以通过使用动画资源文件和代码来实现。下面是一个简单的示例:1. 创建一个动画资源文件(比如`anim/wel...
    99+
    2023-08-17
    android
  • 怎么在Android应用中添加一个欢迎界面
    这篇文章给大家介绍怎么在Android应用中添加一个欢迎界面,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。main_activity.xml文件代码如下:<xml version="1.0&q...
    99+
    2023-05-31
    android 欢迎 roi
  • Android实现APP欢迎页面简单制作思路
    现在的APP一般都会在应用启动时有一个欢迎界面,这种欢迎界面一般有两种情况,一种用来在应用启动时在后台检测网络状态,亦或者是加载网络数据等一些耗时操作,比如QQ、微信。还有一种...
    99+
    2022-06-06
    app Android
  • win10如何关闭开机欢迎界面
    这篇文章主要介绍“win10如何关闭开机欢迎界面”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“win10如何关闭开机欢迎界面”文章能帮助大家解决问题。win10关闭开机欢迎界面的方法按下键盘“win...
    99+
    2023-07-01
  • win10界面显示一直在热烈欢迎界面该怎么办win10界面显示一直在热烈欢迎界面解决方法
    有一些客户打开win10计算机,可是计算机的界面一直展示在热烈欢迎界面,不知道怎么办,大家最先按住键盘快捷键打开运行窗口,随后输入命令打开html页面,然后点一下管理机制中的登录选择项,最终开启登录时无法显示热烈欢迎显示屏选择项就可以,下列...
    99+
    2023-07-12
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作