android仿微信实现欢迎界面、介绍界面及单击按钮跳转到主界面

最新推荐文章于 2023-07-10 15:01:39 发布
最新推荐文章于 2023-07-10 15:01:39 发布
阅读量2k 收藏 6
点赞数 1
分类专栏： Android 文章标签： android 欢迎界面 介绍界面 ViewPaper welcomePaper
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dragonldg/article/details/25892505
版权

各方面的借鉴终于搞出来了。

1.项目目录


其中AppStartActivity.java是启动欢迎界面，ViewPaperActivity.java是滑动介绍界面，MainActivity.java是应用程序主界面


2.主要介绍ViewPaperActivity类的布局文件，另外两个类的布局文件自己定义。

activity_view_paper.xml

<?xml version="1.0" encoding="utf-8"?>
<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/whatsnew_viewpager"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center" >
    </android.support.v4.view.ViewPager>

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

        <ImageView
            android:id="@+id/page3"
            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/page4"
            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/page5"
            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/page6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:scaleType="matrix"
            android:src="@drawable/page" />
    </LinearLayout>

</FrameLayout>


whats_news_gallery_one.xml whats_news_gallery_two.xml。。。同one 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/whats_new_bg_01"
    android:orientation="vertical" >

    <TextView
        style="@style/whats_new_title"
        android:gravity="center"
        android:text="@string/whats_new_msg1" />

</LinearLayout>

whats_news_gallery_seven.xml 

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <LinearLayout
        android:id="@+id/whats_new_seven_bg_ll"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="horizontal" >

        <View
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="1.0"
            android:background="@drawable/whatsnew_left" />

        <View
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="1.0"
            android:background="@drawable/whatsnew_right" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/whats_new_title1_tv"
            style="@style/whats_new_title"
            android:gravity="center"
            android:paddingLeft="0.0dip"
            android:text="@string/whats_new_title7_01" />

        <TextView
            android:id="@+id/whats_new_title2_tv"
            style="@style/whats_new_title"
            android:layout_marginTop="0.0dip"
            android:gravity="center"
            android:paddingLeft="0.0dip"
            android:text="@string/whats_new_title7_02" />

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="0.0dip"
            android:layout_weight="1.0"
            android:gravity="center_horizontal"
            android:paddingTop="60.0dip" >

            <Button
                android:id="@+id/whats_new_start_btn"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/whats_new_start_btn"
                android:duplicateParentState="false"
                android:paddingLeft="30.0dip"
                android:paddingRight="30.0dip"
                android:text="开始"
                android:gravity="center_vertical"
                android:textColor="#ffffffff"
                android:textSize="@dimen/Small_TextSize" />
        </LinearLayout>
    </LinearLayout>

</FrameLayout>

3.java代码

AppStartActivity.java

package com.dragonldg.viewpager;

import com.dragonldg.viewpager.R;

import android.os.Bundle;
import android.os.Handler;
import android.app.Activity;
import android.content.Intent;
import android.view.Menu;
import android.view.Window;
import android.view.WindowManager;

public class AppStartActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);// 去掉标题栏，注意一定要在绘制view之前调用这个方法，不然会出现
		// AndroidRuntimeException: requestFeature() must be called before
		// adding content 这个错误。
		setContentView(R.layout.activity_app_start);
		getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
				WindowManager.LayoutParams.FLAG_FULLSCREEN); // 全屏显示

		new Handler().postDelayed(new Runnable() {
			public void run() {
				Intent intent = new Intent(AppStartActivity.this,
						ViewPaperActivity.class);
				startActivity(intent);
				AppStartActivity.this.finish();// 结束本Activity
			}
		}, 1000);
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.test, menu);
		return true;
	}
}

ViewPaperActivity.java 

package com.dragonldg.viewpager;

import java.util.ArrayList;

import com.dragonldg.viewpager.R;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.os.Handler;
import android.support.v4.view.PagerTitleStrip;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.LayoutInflater;
import android.view.View;
import android.view.Window;
import android.view.animation.Animation;
import android.view.animation.TranslateAnimation;
import android.widget.Button;
import android.widget.ImageView;

public class ViewPaperActivity extends Activity {

	// 翻页控件
	private ViewPager mViewPager;

	// 这5个是底部显示当前状态点imageView
	private ImageView mPage0;
	private ImageView mPage1;
	private ImageView mPage2;
	private ImageView mPage3;
	private ImageView mPage4;
	private ImageView mPage5;
	private ImageView mPage6;

	private Button whats_new_start_btn;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		// 去掉标题栏全屏显示
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_view_paper);
		mViewPager = (ViewPager) findViewById(R.id.whatsnew_viewpager);

		mViewPager.setOnPageChangeListener(new MyOnPageChangeListener());
		mPage0 = (ImageView) findViewById(R.id.page0);
		mPage1 = (ImageView) findViewById(R.id.page1);
		mPage2 = (ImageView) findViewById(R.id.page2);
		mPage3 = (ImageView) findViewById(R.id.page3);
		mPage4 = (ImageView) findViewById(R.id.page4);
		mPage5 = (ImageView) findViewById(R.id.page5);
		mPage6 = (ImageView) findViewById(R.id.page6);

		/*
		 * 这里是每一页要显示的布局，根据应用需要和特点自由设计显示的内容 以及需要显示多少页等
		 */
		LayoutInflater mLi = LayoutInflater.from(this);
		View view1 = mLi.inflate(R.layout.whats_news_gallery_one, null);
		View view2 = mLi.inflate(R.layout.whats_news_gallery_two, null);
		View view3 = mLi.inflate(R.layout.whats_news_gallery_three, null);
		View view4 = mLi.inflate(R.layout.whats_news_gallery_four, null);
		View view5 = mLi.inflate(R.layout.whats_news_gallery_five, null);
		View view6 = mLi.inflate(R.layout.whats_news_gallery_six, null);
		View view7 = mLi.inflate(R.layout.whats_news_gallery_seven, null);

		whats_new_start_btn = (Button) view7
				.findViewById(R.id.whats_new_start_btn);
		whats_new_start_btn.setOnClickListener(new View.OnClickListener() {

			public void onClick(View arg0) {
				// TODO Auto-generated method stub
				Intent intent = new Intent(ViewPaperActivity.this,
						MainActivity.class);
				// 进入到主页面
				startActivity(intent);
				ViewPaperActivity.this.finish();// 结束本Activity
			}
		});
		/*
		 * 这里将每一页显示的view存放到ArrayList集合中 可以在ViewPager适配器中顺序调用展示
		 */
		final ArrayList<View> views = new ArrayList<View>();
		views.add(view1);
		views.add(view2);
		views.add(view3);
		views.add(view4);
		views.add(view5);
		views.add(view6);
		views.add(view7);

		/*
		 * 每个页面的Title数据存放到ArrayList集合中 可以在ViewPager适配器中调用展示
		 */
		final ArrayList<String> titles = new ArrayList<String>();
		titles.add("tab1");
		titles.add("tab2");
		titles.add("tab3");
		titles.add("tab4");
		titles.add("tab5");
		titles.add("tab6");
		titles.add("tab7");

		// 填充ViewPager的数据适配器
		MyPagerAdapter mPagerAdapter = new MyPagerAdapter(views, titles);
		mViewPager.setAdapter(mPagerAdapter);

		// new Handler().postDelayed(new Runnable() {
		// public void run() {
		// Intent intent = new Intent(ViewPaperActivity.this,
		// MainActivity.class);
		// // 进入到主页面
		// startActivity(intent);
		// ViewPaperActivity.this.finish();// 结束本Activity
		// }
		// }, 1500);
	}

	public class MyOnPageChangeListener implements OnPageChangeListener {

		public void onPageSelected(int page) {
			Animation animation = null;// 声明动画对象

			// 翻页时当前page,改变当前状态园点图片
			switch (page) {
			case 0:
				mPage0.setImageDrawable(getResources().getDrawable(
						R.drawable.page_now));
				mPage1.setImageDrawable(getResources().getDrawable(
						R.drawable.page));
				break;
			case 1:
				mPage1.setImageDrawable(getResources().getDrawable(
						R.drawable.page_now));
				mPage0.setImageDrawable(getResources().getDrawable(
						R.drawable.page));
				mPage2.setImageDrawable(getResources().getDrawable(
						R.drawable.page));
				break;
			case 2:
				mPage2.setImageDrawable(getResources().getDrawable(
						R.drawable.page_now));
				mPage1.setImageDrawable(getResources().getDrawable(
						R.drawable.page));
				mPage3.setImageDrawable(getResources().getDrawable(
						R.drawable.page));
				break;
			case 3:
				mPage3.setImageDrawable(getResources().getDrawable(
						R.drawable.page_now));
				mPage4.setImageDrawable(getResources().getDrawable(
						R.drawable.page));
				mPage2.setImageDrawable(getResources().getDrawable(
						R.drawable.page));
				break;
			case 4:
				mPage4.setImageDrawable(getResources().getDrawable(
						R.drawable.page_now));
				mPage3.setImageDrawable(getResources().getDrawable(
						R.drawable.page));
				mPage5.setImageDrawable(getResources().getDrawable(
						R.drawable.page));
				break;
			case 5:
				mPage5.setImageDrawable(getResources().getDrawable(
						R.drawable.page_now));
				mPage4.setImageDrawable(getResources().getDrawable(
						R.drawable.page));
				mPage6.setImageDrawable(getResources().getDrawable(
						R.drawable.page));
				break;
			case 6:
				mPage6.setImageDrawable(getResources().getDrawable(
						R.drawable.page_now));
				mPage5.setImageDrawable(getResources().getDrawable(
						R.drawable.page));
				break;
			}
		}

		// public void startbutton(View v) {
		// Intent intent = new Intent();
		// intent.setClass(ViewPaperActivity.this, AppStartActivity.class);//
		// 进入到开门效果的Activity
		// startActivity(intent);
		// ViewPaperActivity.this.finish();// 结束本Activity
		// }

		public void onPageScrolled(int arg0, float arg1, int arg2) {
		}

		public void onPageScrollStateChanged(int arg0) {
		}
	}
}

MyPaperAdapter.java 

package com.dragonldg.viewpager;

import java.util.ArrayList;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;

public class MyPagerAdapter extends PagerAdapter{

	
	private ArrayList<View> views;
	private ArrayList<String> titles;
	
	
	public MyPagerAdapter(ArrayList<View> views,ArrayList<String> titles){
		
		this.views = views;
		this.titles = titles;
	}
	
	@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));
	}
	
	//页面view
	public Object instantiateItem(View container, int position) {
		((ViewPager)container).addView(views.get(position));
		return views.get(position);
	}
}

MainActivity.java自己定义吧


4运行就OK了，结果图片


上图为启动欢迎界面，只包含简单的文字


上图为滑动介绍界面的首页

上图为滑动介绍界面的最有一页，单击开始按钮跳转到MainActivity中，如下图

dragonldg
关注
专栏目录
【Python】自动化神器PyAutoGUI —告别手动操作，一键模拟鼠标键盘，玩转微信及各种软件自动化
墩墩分墩
07-24 1322
PyAutoGUI 是一个 Python 库，主要用于 GUI（图形用户界面）自动化。它允许你通过编程方式控制鼠标和键盘，模拟人类操作，如移动鼠标、点击鼠标按钮、滚动鼠标滚轮、键入键盘按键等。这使得 PyAutoGUI 成为自动化重复性 GUI 任务的强大工具，比如自动化测试、批量处理文件、游戏脚本编写等场景。
微信小程序复习总结
最新发布
2302_81909561的博客
04-27 1017
微信小程序简介微信小程序是一种由腾讯开发的应用程序软件，可在微信内直接使用，无需下载和安装。小程序的设计理念是"用完即走，无需安装"，旨在为用户提供轻量级的移动应用体验。通过微信平台提供的接口和工具，开发者可以创建不同类型的小程序，覆盖多个领域，如购物、社交、娱乐等。工具栏：在工具栏中可以实现多种功能，例如账号的切换，模拟区、编辑区、调试区的显示/隐藏，小程序的编译、预览，切换后台，清理缓存等。模拟区：在模拟区中选择模拟手机的类型、显示比例、网络类型后，模拟器中会显示小程序的运行效果。
Andriod实现简单的微信界面跳转
qq_41927432的博客
03-20 734
Andriod实现简单的微信界面跳转 运行结果如下： 核心代码如下： import androidx.appcompat.app.AppCompatActivity; import androidx.fragment.app.Fragment; import androidx.fragment.app.FragmentManager; import androidx.fragment.app....
小KING教你做android项目（二）---实现登陆页面并跳转和简单的注册页面
ahui7019的博客
09-03 2826
由于前几日感冒发烧了，加之老婆怀孕了，所以更新不及时，请朋友们见谅 ，同时弟弟开学了，我的教学继续摧残着他！文章稍后整理好了更新上来。 今天我们主要来介绍登陆页面的实现，主要讲解的就是涉及到的布局，以及简单的跳转需要用到的代码。 首先我们来看看布局的xml代码 login.xml <?xml version="1.0" encoding="utf-8"?> &l...
Android之粗仿微信6.0——微信6.0的欢迎界面
双斧狂暴战专栏
06-18 6285
日常，在app的更新或者上新的时候，常常都有一个欢迎界面，用于介绍该版本的app有什么功能或者新增了哪些功能。 这里以微信的6.0版本的欢迎界面为例，做一个粗仿，只是一个粗仿，并不一定是微信本身的做法。       这里先看一下欢迎界面编写完成后的效果：                 一、设计       采用原始，不添加防腐剂的方式：ViewPager+多个XML+底部进度显示+末
Android添加欢迎界面
cugzhaolc的博客
05-28 1076
显示主界面前，自定义设置欢迎界面，比较简单几行代码。package main; import com.example.swissarmy.R; import android.os.Bundle; import android.os.Handler; import android.app.Activity; import android.content.Intent; import android...
Android 实现进入界面时，加载欢迎界面
没有进步就是退步
04-16 7872
有时候，我们在进入主界面之前加载数据需要费一些时间，但是让用户去等待数据显示的响应，会影响体验。 所以我们可以在之前显示一张欢迎界面，然后在这段时间里去完成数据的加载。 注意的一点的是 在onCreate（）函数里setContentView(R.layout.welcome);只会去响应最后一次的set。列如下面的代码是实现不了的。setContentView(R.layout.a); t
android studio模仿微信界面
qq2606393744的博客
07-10 664
只提供代码，思路想不起来了。图片看资源包，也可自己导入。
javaFX实现登录界面并跳转
HRothschild的博客
09-16 4839
登录界面效果： 编写“用户名、密码、IP、端口”输入框和“重新输入、登录”按钮： Text name = new Text("用户名："); Text password = new Text("密码："); Text ip = new Text("IP: "); Text port = new Text("port: "); TextField e_name = new TextField(); e_name.setPrefWidth(150); TextField e_ip = new Te
Android零基础入门第12节：熟悉Android Studio界面，开始装逼卖萌
鑫鱻的博客
07-23 2414
通过前两期的学习，我们可以正确搭建好Android Studio的开发环境，也创建了HelloWorld工程并成功运行，那么本期就带你一起来了解这款强大的IDE开发工具吧。
Android高仿QQ页面，实现登陆跳转
07-01
Android高仿QQ页面，实现登陆跳转，开发工具是Android studio，完成了老师布置的大作业的基本要求
Android 实现欢迎界面
weixin_51298509的博客
04-29 1779
文章目录前言一、欢迎页总结 前言 好久没发博客了,最近太忙了 提示：以下是本篇文章正文内容，下面案例可供参考 一、欢迎页 代码如下（示例）： import numpy as np import pandas as pd import matplotlib.pyplot as plt import seaborn as sns import warnings warnings.filterwarnings('ignore') import ssl ssl._create_default_https_..
android欢迎界面的绘制
feiyangxiaomi的专栏
10-18 7083
android欢迎界面是所有程序开始的一个简短的自我介绍，让用户能够通过简单的描述和图片信息更好的了解软件，对用户体验效果非常的重要。
Android应用欢迎界面实现
知言而易行
08-19 3567
public class WelcomeActivity extends AppCompatActivity { private static final String TAG ="WelcomeActivity" ; private Handler handler; private Runnable runnable; @Override protec...
android欢迎界面代码,Android 实现进入界面时，加载欢迎界面
weixin_42666036的博客
05-26 303
有时候，我们在进入主界面之前加载数据需要费一些时间，但是让用户去等待数据显示的响应，会影响体验。所以我们可以在之前显示一张欢迎界面，然后在这段时间里去完成数据的加载。注意的一点的是 在onCreate()函数里setContentView(R.layout.welcome);只会去响应最后一次的set。列如下面的代码是实现不了的。setContentView(R.layout.a);try{Thr...
Android欢迎界面实现
MyKnight
11-06 1540
对于android端的app启动页的实现，这里用的是线程的方法，直接上代码，很简单的一个实现： public class StartActivity extends Activity { private Intent intent; @Override protected void onCreate(@Nullable Bundle savedInstanceStat...
android 使用webView加载欢迎界面的个人实现思路，实现欢迎界面不断在改变
z171422696的博客
01-21 1446
写这篇的时候正赶上快中午了，老娘让我去吃别人家喜酒，同时把我这个单身狗推荐出去… 对于这事 —->我很烦！！！回归正题。android 导航界面 最多的就是ViewPager和Fragmen实现，好处也很多，趣味性也足，欢迎界面就很单调了，除了自己公司的logo外，有些公司灵活的加入了一些广告和动态的变化。 比如说《酷我听书》这该如何实现呢，因为APP没有办法在不更新的前提下，预先放置这些图片，
android增加欢迎界面,【架构】可能是理想的Android欢迎界面实现
weixin_32467421的博客
06-02 376
我们在使用Android时，很多APP打开都会有启动画面(欢迎界面)，它会停留若干秒后再进入主界面。先看一下Demo效果。开机效果欢迎界面的意义欢迎界面固然有展示品牌形象的作用，但关于欢迎界面我们需要明白是：理论上界面越快消失越好，让用户尽早使用到APP欢迎界面的停留可能用于广告的展示显示欢迎界面的意义不是为了单纯的“炫”，它是给加载APP运行时需要的数据作掩护欢迎界面显示过程中，应该是全屏的、不...
android开始时欢迎界面,Android应用第一次启动时的欢迎界面制作
weixin_31134719的博客
05-31 504
原理是这样，我们在SharedPreferences中存储一个int型数据，用来代表第几次登录，每次启动时都读取出来判断是不是第一次启动，然后依次判断是否要显示欢迎界面，具体实现如下：设置一个欢迎界面的Activity,并设置为主Activity,在判断第几次启动后来决定要不要跳转到MainActivitypackage com.example.f;import androidx.appcompa...
Android实现微信样式主界面详解
Android仿微信主界面设计涉及到多个技术层面，包括UI组件的使用、事件处理、动画效果、数据加载和推送通知等。开发者需熟练掌握这些技能，才能构建出与微信类似的用户界面。通过实践这样的项目，开发者不仅能提升...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值