投稿
  1. 首页
  2. IT百科

Android软件怎么加一个引导界面

广东科技 • 2023-4-11 • IT百科 • 阅读 13

Android软件怎么加一个引导界面,第1张

首先，打开eclipse，建立一个空的项目。

我们需要的资源：

1. 找几张图片（以4张为例，这个可以自己决定），分别命名：guide_page1.png、guide_page2.png、guide_page3.png、guide_page4.png。

2. 再找一个button的按钮，类似百度地图上的最后一个“进入地图”按钮。命名为：start_btn.png。

3. 两种dot：     。分别命名：guide_dot_focus.png、guide_dot_normal.png。

将以上资源放到res/drawable-hdpi文件夹下(以上资源均在下方源码下载中)：

在res/drawable文件夹下添加文件guide_dot_style.xml，用于创建导航小点的样式。

guide_dot_style.xml

[cpp] view plaincopy

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android" >  

<item android:drawable="@drawable/guide_dot_focus" android:state_selected="true"/>

<item android:drawable="@drawable/guide_dot_normal"/>

</selector>

在res/layout文件夹下建立一个guide_view.xml，创建我们的页面来显示导航图片。

guide_view.xml

[java] view plaincopy

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  

android:layout_width="match_parent"

android:layout_height="match_parent" >

<android.support.v4.view.ViewPager

android:layout_width="match_parent"

android:layout_height="match_parent"

android:id="@+id/guide_view_pager">

</android.support.v4.view.ViewPager>

<LinearLayout

android:layout_alignParentBottom="true"

android:layout_marginBottom="10dip"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerHorizontal="true"

android:orientation="horizontal"

android:id="@+id/guide_dots">

<ImageView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical"

android:clickable="true"

android:padding="15dip"

android:src="@drawable/guide_dot_style"/>

<ImageView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical"

android:clickable="true"

android:padding="15dip"

android:src="@drawable/guide_dot_style"/>

<ImageView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical"

android:clickable="true"

android:padding="15dip"

android:src="@drawable/guide_dot_style"/>

<ImageView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center_vertical"

android:clickable="true"

android:padding="15dip"

android:src="@drawable/guide_dot_style"/>

</LinearLayout>

</RelativeLayout>

LinearLayout布局是为了放置4个导航小点。

我们还需要单独为最后一张图片做一个布局，因为这里面有一个button，我们需要给这个button添加点击事件，所以得单独为它写个布局。在res/layout中添加guide_content_view.xml。

guide_content_view.xml

[java] view plaincopy

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  

android:layout_width="match_parent"

android:layout_height="match_parent" >

<ImageView

android:layout_width="match_parent"

android:layout_height="match_parent"

android:scaleType="fitXY"

android:src="@drawable/guide_page4"/>

<Button

android:layout_alignParentBottom="true"

android:layout_marginBottom="35dip"

android:layout_centerHorizontal="true"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@drawable/start_btn"

android:id="@+id/start_btn"/>

</RelativeLayout>

布局文件完成了，我们来看我们的java代码。

我们需要一个页面适配器来显示我们的viewpager中的图片，在src目录中添加一个ViewPagerAdapter.java文件。

ViewPagerAdapter.java

[java] view plaincopy

package cn.staray.guidetest

import android.support.v4.view.PagerAdapter

import android.support.v4.view.ViewPager

import android.view.View

import java.util.ArrayList

/**

* @Filename ViewPagerAdapter.java

* @Package cn.staray.guidetest

* @Project Guidetest

* @Create 2014-6-12 下午2:57:31

* @author Staray

* @Description 界面适配器

*/

public class ViewPagerAdapter extends PagerAdapter {

private final ArrayList<View> mViews

public ViewPagerAdapter(ArrayList<View> views) {

mViews = views

}

// 返回页面数目

@Override

public int getCount() {

if (mViews != null) {

return mViews.size()

}

return 0

}

@Override

public int getItemPosition(Object object) {

return super.getItemPosition(object)

}

// 初始化position位置的页面

@Override

public Object instantiateItem(View view, int position) {

((ViewPager)view).addView(mViews.get(position), 0)

return mViews.get(position)

}

// 判断是否由对象生成界面

@Override

public boolean isViewFromObject(View arg0, Object arg1) {

return (arg0 == arg1)

}

// 销毁position位置的界面

@Override

public void destroyItem(View view, int position, Object arg2) {

((ViewPager)view).removeView(mViews.get(position))

}

}

接着我们完成我们的主文件，在src目录中添加一个GuideActivity.java文件。

GuideActivity.java

[java] view plaincopy

package cn.staray.guidetest

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

import android.widget.LinearLayout

import java.util.ArrayList

/**

* @Filename GuideActivity.java

* @Package cn.staray.guidetest

* @Project Guidetest

* @Create 2014-6-12 下午2:44:23

* @author Staray

* @Description 引导界面

*/

public class GuideActivity extends Activity {

// 显示导航页面的viewpager

private ViewPager guideViewPager

// 页面适配器

private ViewPagerAdapter guideViewAdapter

// 页面图片列表

private ArrayList<View> mViews

// 图片资源，这里我们放入了3张图片，因为第四张图片，我们已经在guide_content_view.xml中加载好了

// 一会直接添加这个文件就可以了。

private final int images[] = {

R.drawable.guide_page1, R.drawable.guide_page2, R.drawable.guide_page3

}

// 底部导航的小点

private ImageView[] guideDots

// 记录当前选中的图片

private int currentIndex

// 还记得我们的开始按钮吗？

private Button startBtn

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState)

setContentView(R.layout.guide_view)

initView()

initDot()

// 添加页面更换监听事件，来更新导航小点的状态。

guideViewPager.setOnPageChangeListener(new OnPageChangeListener() {

@Override

public void onPageSelected(int arg0) {

setCurrentDot(arg0)

}

@Override

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

}

@Override

public void onPageScrollStateChanged(int arg0) {

}

})

// 开始按钮的点击事件监听

startBtn.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

// 我们随便跳转一个页面

Intent intent = new Intent(GuideActivity.this, MainActivity.class)

startActivity(intent)

GuideActivity.this.finish()

}

})

}

// 初始化页面

private void initView() {

guideViewPager = (ViewPager)findViewById(R.id.guide_view_pager)

mViews = new ArrayList<View>()

for (int i = 0 i < images.length i++) {

// 新建一个ImageView容器来放置我们的图片。

ImageView iv = new ImageView(GuideActivity.this)

iv.setBackgroundResource(images[i])

// 将容器添加到图片列表中

mViews.add(iv)

}

// 上面添加了三张图片了，还有一张放在guide_content_view.xml中，我们把这个页面也添加进来。

View view = LayoutInflater.from(GuideActivity.this).inflate(R.layout.guide_content_view,

null)

mViews.add(view)

// 现在为我们的开始按钮找到对应的控件

startBtn = (Button)view.findViewById(R.id.start_btn)

// 现在用到我们的页面适配器了

guideViewAdapter = new ViewPagerAdapter(mViews)

guideViewPager.setAdapter(guideViewAdapter)

}

// 初始化导航小点

private void initDot() {

// 找到放置小点的布局

LinearLayout layout = (LinearLayout)findViewById(R.id.guide_dots)

// 初始化小点数组

guideDots = new ImageView[mViews.size()]

// 循环取得小点图片，让每个小点都处于正常状态

for (int i = 0 i < mViews.size() i++) {

guideDots[i] = (ImageView)layout.getChildAt(i)

guideDots[i].setSelected(false)

}

// 初始化第一个小点为选中状态

currentIndex = 0

guideDots[currentIndex].setSelected(true)

}

// 页面更换时，更新小点状态

private void setCurrentDot(int position) {

if (position < 0 || position > mViews.size() - 1 || currentIndex == position) {

return

}

guideDots[position].setSelected(true)

guideDots[currentIndex].setSelected(false)

currentIndex = position

}

}

最终文件结构：

运行，就能出现开始的效果了。

简单的Splash Screen

这种Splash Screen实现及其简单，常用来显示产品Logo或者版本号等简单信息,我们只需要想办法让WelcomeActivity运行几秒种后自动跳转到应用主界面即可；

我们只需要用到一个简单的方法：

<code class="hljs" java="">//3s后，执行run方法启动主界面Activity

new Handler().postDelayed(new Runnable() {

@Override

public void run() {

Intent i = new Intent(SplashScreen.this, MainActivity.class)

startActivity(i)

//启动主Activity后销毁自身

finish()

}

}, 3000)</code>

2，涉及复杂 *** 作的Splash Screen

所谓复杂 *** 作是因为往往这种应用在进入界面之前需要进行很多后台 *** 作，通过Splash Screen让用户等待，一般涉及的 *** 作有：

从网络获取数据并存储到本地 下载图片 获取和解析JSON/XML等文件 发送数据到服务端 身份验证 。。。。

反正一般都是类似于网路下载这样的些耗时 *** 作，但又不得不在应用进入主界面前需要做的工作。根据应用的不同，所做的工作也不同，这里就以远程获取一张图片，我们在进入欢迎界面后，开始从远程下载一张图片，完成后我们便进入主界面，将解析后的数据显示在主界面；

图片地址：： 创建SplashScreen布局: res/layout/splash_screen.xml

<code class="hljs" xml=""><linearlayout android:gravity="center" android:layout_height="match_parent" android:layout_width="match_parent" android:orientation="vertical" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools">

<imageview android:id="@+id/appImage" android:layout_height="wrap_content" android:layout_width="wrap_content" android:src="@mipmap/logo">

<textview android:gravity="center" android:layout_height="wrap_content" android:layout_margintop="15dp" android:layout_width="wrap_content" android:text="Welcome" android:textcolor="#00ACED" android:textsize="30sp" ms_movie="" to="">

</textview></imageview></linearlayout></code>

eclipse中如何设置android程序运行后默认的出现界面？

eclipse可以设置一个变量，来保存是否是第一次进入，如果是第一次则跳转到引导的Activity，如果不是第一次则执行系统主页。

判断系统是第一次运行的代码实现如下：

在Activity中添加代码：

使用SharedPreferences来记录程序的使用次数

一下是实现的代码：

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState)

setContentView(R.layout.main)

preferences = getSharedPreferences("count",MODE_WORLD_READABLE)

int count = preferences.getInt("count", 0)

判断程序与第几次运行，如果是第一次运行则跳转到引导页面

if (count == 0) {

Intent intent = new Intent()

intent.setClass(getApplicationContext(),LaunchGuideViewActivity.class)

startActivity(intent)

this.finish()

}

Editor editor = preferences.edit()

存入数据

editor.putInt("count", ++count)

提交修改

editor.mit()

如何设置android默认的包名

一般格式是

国家.公司.团队.项目

创建项目的时候设置，可以在androidManifest.xml中找到。

如何设置程序默认的背景颜色

页面布局 背景色 设置为无…即成为 系统的程序页面背景色了………… 如果还是这个颜色的话，就是 你曾经修改了 系统的 颜色……需要把系统色修改回来 如果是Xp 系统的话 你在 桌面上 右键 属性 效果 高级……里边 进行修改……简单的 办法 就是 使用系统默...

eclipse如何设置默认的编码格式

你说的是文件字符集编码吧？如果是的话，是这样的。 有3个地方可以设定，优先级由低到高： 参数页 菜单 >window >preferences 打开后 General >Workspace 中的 Encoding. 右击项目在项目属性中也有这个 Encoding。 右击文件 Open With >Text Editor 打开之后在 菜单上 Edit >Set Encoding 也可以改。 3个优先级的原则是：越具体到某个文件优先级越高，越空泛的越低。

如何设置excel默认的行高

选中要改的行，右键点击左边的列标，选择行高确定。

EXCEL中如何设置默认的内容？比如输入1出现A-1,输入2出现A-2,输入3出现A-3,“A-”是如何设置成默认的,TKS

选中单元格，设置格式为自定义

"A-"#

确定即可

如何设置xcode默认的simulator

在Xcode 6中, 模拟器的位置改变为：

/Users/username/Library/Developer/CoreSimulator/

然而，在此目录下，有许多目录：

在Terminal中使用如下命令：

xcrun simctl lis

比如，iOS 8.3下，iPhone 6 为：

iPhone 6 (D2A94C2D-3216-4737-A502-5B64B38F6124) (Booted)

4因此，Application目录在：/Users/username/Library/Developer/CoreSimulator/Devices/D2A94C2D-3216-4737-A502-5B64B38F6124/data/Containers/Data/Application/

方法一（永久，一旦设置后，每次运行指定的模拟器）：1）选择顶层菜单Project中的SetActiveExecutable2）根据需要在iPhoneSimulator4.3和iPadSimulator4.3两个选项中任选一个方法二（临时，每次调试模拟器时都会恢复原来的设置，适合在。

如何设置android studio让程序运行在真机中

方法/步骤 在android studio中新建android默认的应用app。 点击菜单栏的“Run”->“Edit Configurations...”。 然后会打开Run/Debug Configuration窗口。在窗口右侧找到“target device”部分，勾寻USB device”前面的单选框。点击“ok”。 在MainActivi...

不用设置。手机USB连接电脑，打开开发者模式，使用USB调试。在电脑上自动装驱动（有时候装不上，需要借助手机助手等工具），直接运行as，会d出框让你选择运行的设备，选择自己的手机，确定。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/bake/7914949.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
广东科技 广东科技 一级用户组
0 0
上一篇 2023-04-11
下一篇 2023-04-11

发表评论

登录后才能评论

评论列表（0条）

保存