Android UI設(shè)計與開發(fā)之實現(xiàn)應(yīng)用程序只啟動一次引導(dǎo)界面
這篇文章算是對整個引導(dǎo)界面開發(fā)專題的一個終結(jié)了吧，個人覺得大部分的引導(dǎo)界面基本上都是千篇一律的，只要熟練掌握了一個，基本上也就沒什么好說的了，要是在今后的開發(fā)中遇到了更好玩，更有趣的引導(dǎo)界面，博主也會在這里及時的跟大家分享，今天的內(nèi)容主要是教大家的應(yīng)用程序只有在第一次啟動的時候顯示引導(dǎo)界面，以后在啟動程序的時候就不再顯示了。
其實要想實現(xiàn)這樣的效果，只要使用SharedPreferences類，就會讓程序變的非常簡單，下面來詳細(xì)介紹一下這個類的使用方法
一、SharedPreferences的詳細(xì)介紹和用法
SharedPreferences介紹：
做軟件開發(fā)應(yīng)該都知道，很多軟件會有配置文件，里面存放這程序運行當(dāng)中的各個屬性值，由于其配置信息并不多，如果采用數(shù)據(jù)庫來存放并不劃算，因為數(shù)據(jù)庫連接跟操作等耗時大大影響了程序的效率，因此我們使用鍵值這種一一對應(yīng)的關(guān)系來存放這些配置信息。SharedPreferences正是Android中用于實現(xiàn)這中存儲方式的技術(shù)。
SharedPreferences的使用非常簡單，能夠輕松的存放數(shù)據(jù)和讀取數(shù)據(jù)。SharedPreferences只能保存簡單類型的數(shù)據(jù)，例如，String、int等。一般會將復(fù)雜類型的數(shù)據(jù)轉(zhuǎn)換成Base64編碼，然后將轉(zhuǎn)換后的數(shù)據(jù)以字符串的形式保存在 XML文件中，再用SharedPreferences保存。
SharedPreferences使用方法：
<1> 使用Activity類的getSharedPreferences方法獲得SharedPreferences對象，其中存儲key-value的文件的名稱由getSharedPreferences方法的第一個參數(shù)指定；
<2> 使用SharedPreferences接口的edit獲得SharedPreferences.Editor對象；
<3> 通過SharedPreferences.Editor接口的putXxx方法保存key-value對。其中Xxx表示不同的數(shù)據(jù)類型。例如：字符串類型的value需要用putString方法；
<4> 通過SharedPreferences.Editor接口的commit方法保存key-value對。commit方法相當(dāng)于數(shù)據(jù)庫事務(wù)中的提交（commit）操作。
具體代碼的書寫流程為：
A、存放數(shù)據(jù)信息
<1> 打開Preferences，名稱為setting，如果存在則打開它，否則創(chuàng)建新的Preferences
SharedPreferences settings = getSharedPreferences(“setting”, 0);
<2> 讓setting處于編輯狀態(tài)
SharedPreferences.Editor editor = settings.edit();
<3> 存放數(shù)據(jù)
editor.putString(“name”,”ATAAW”);
editor.putString(“URL”,”ATAAW.COM”);
<4> 完成提交
editor.commit();
B、讀取數(shù)據(jù)信息
<1> 獲取Preferences
SharedPreferences settings = getSharedPreferences(“setting”, 0);
<2> 取出數(shù)據(jù)
String name = settings.getString(“name”,”默認(rèn)值”);
String url = setting.getString(“URL”,”default”);
以上就是SharedPreferences的使用方法，其中創(chuàng)建的Preferences文件存放位置可以在Eclipse中查看：
DDMS->File Explorer /<package name>/shared_prefs/setting.xml
二、實現(xiàn)的效果圖
第一次啟動程序：歡迎界面-->引導(dǎo)界面-->主頁面
以后啟動程序：啟動頁-->系統(tǒng)主頁
第一次啟動時的效果圖
歡迎界面：
引導(dǎo)界面效果圖1：
引導(dǎo)界面效果圖2：
進(jìn)入主頁面：
以后啟動程序的效果圖
歡迎界面：
程序主頁面：
三、程序的目錄結(jié)構(gòu)
四、具體的實現(xiàn)編碼
1、 在引導(dǎo)布局界面中加入ViewPager組件,activity_guide.xml：
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="wrap_content" android:layout_height="wrap_content" > <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="fill_parent" android:layout_height="fill_parent" /> </RelativeLayout>
2、接著在guide_view01.xml等幾個布局頁面中添加引導(dǎo)界面要顯示的圖片和控件，因為這幾個布局界面都大同小異，所以在這里我就不一一貼出來了吧，有需要的同學(xué)可以直接下載源碼，guide_view01.xml：
<?xml version="1.0" encoding="UTF-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/star_img1" android:orientation="vertical" > </RelativeLayout>
3、然后是歡迎界面的布局界面，activity_welcome：
<?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:orientation="vertical" android:background="@drawable/welcome_background"> </LinearLayout>
4、最后是主界面的布局，activity_main：
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="wrap_content" android:layout_height="wrap_content" > <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentLeft="true" android:layout_alignParentTop="true" android:text="歡迎來到主頁面！" android:textSize="25sp"/> </RelativeLayout>
5、在這里還要創(chuàng)建一個xml文件來實現(xiàn)自定義按鈕的效果，關(guān)于自定義按鈕的效果實現(xiàn)我會在后面的文章中專題詳細(xì)介紹，這里就不在贅述start_btn.xml：
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_enabled="true" android:state_pressed="true" android:drawable="@drawable/login_button_select" /> <!--按下時的效果--> <item android:state_enabled="true" android:drawable="@drawable/login_button" /> <!--正常狀態(tài)的效果--> </selector>
6、布局界面已經(jīng)講解完畢，接下來讓我們進(jìn)行詳細(xì)的代碼講解，ViewPager適配器代碼，ViewPagerAdapter.Java：
package com.yangyu.myguideview04;
import java.util.ArrayList;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;
/**
* @author yangyu
* 功能描述：ViewPager適配器，用來綁定數(shù)據(jù)和view
*/
public class ViewPagerAdapter extends PagerAdapter {
//界面列表
private ArrayList<View> views;
public ViewPagerAdapter (ArrayList<View> views){
this.views = views;
}
/**
* 獲得當(dāng)前界面數(shù)
*/
@Override
public int getCount() {
if (views != null) {
return views.size();
}
return 0;
}
/**
* 初始化position位置的界面
*/
@Override
public Object instantiateItem(View view, int position) {
((ViewPager) view).addView(views.get(position), 0);
return views.get(position);
}
/**
* 判斷是否由對象生成界面
*/
@Override
public boolean isViewFromObject(View view, Object arg1) {
return (view == arg1);
}
/**
* 銷毀position位置的界面
*/
@Override
public void destroyItem(View view, int position, Object arg2) {
((ViewPager) view).removeView(views.get(position));
}
}
7、引導(dǎo)界面Activity，GuideActivity.java：
package com.yangyu.myguideview04;
import java.util.ArrayList;
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;
/**
* @author yangyu
* 功能描述：引導(dǎo)界面activity類
*/
public class GuideActivity extends Activity implements OnPageChangeListener{
// 定義ViewPager對象
private ViewPager viewPager;
// 定義ViewPager適配器
private ViewPagerAdapter vpAdapter;
// 定義一個ArrayList來存放View
private ArrayList<View> views;
// 定義各個界面View對象
private View view1, view2, view3, view4;
//定義開始按鈕對象
private Button startBt;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_guide);
initView();
initData();
}
/**
* 初始化組件
*/
private void initView() {
//實例化各個界面的布局對象
LayoutInflater mLi = LayoutInflater.from(this);
view1 = mLi.inflate(R.layout.guide_view01, null);
view2 = mLi.inflate(R.layout.guide_view02, null);
view3 = mLi.inflate(R.layout.guide_view03, null);
view4 = mLi.inflate(R.layout.guide_view04, null);
// 實例化ViewPager
viewPager = (ViewPager) findViewById(R.id.viewpager);
// 實例化ArrayList對象
views = new ArrayList<View>();
// 實例化ViewPager適配器
vpAdapter = new ViewPagerAdapter(views);
//實例化開始按鈕
startBt = (Button) view4.findViewById(R.id.startBtn);
}
/**
* 初始化數(shù)據(jù)
*/
private void initData() {
// 設(shè)置監(jiān)聽
viewPager.setOnPageChangeListener(this);
// 設(shè)置適配器數(shù)據(jù)
viewPager.setAdapter(vpAdapter);
//將要分頁顯示的View裝入數(shù)組中
views.add(view1);
views.add(view2);
views.add(view3);
views.add(view4);
// 給開始按鈕設(shè)置監(jiān)聽
startBt.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
startbutton();
}
});
}
@Override
public void onPageScrollStateChanged(int arg0) {
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
}
@Override
public void onPageSelected(int arg0) {
}
/**
* 相應(yīng)按鈕點擊事件
*/
private void startbutton() {
Intent intent = new Intent();
intent.setClass(GuideActivity.this,MainActivity.class);
startActivity(intent);
this.finish();
}
｝
8、歡迎界面Activity，Welcome.java：
package com.yangyu.myguideview04;
import android.app.Activity;
import android.content.Intent;
import android.content.SharedPreferences;
import android.content.SharedPreferences.Editor;
import android.os.Bundle;
/**
* @author yangyu
* 功能描述：歡迎界面
*/
public class Welcome extends Activity implements Runnable {
//是否是第一次使用
private boolean isFirstUse;
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_welcome);
/**
* 啟動一個延遲線程
*/
new Thread(this).start();
}
public void run() {
try {
/**
* 延遲兩秒時間
*/
Thread.sleep(2000);
//讀取SharedPreferences中需要的數(shù)據(jù)
SharedPreferences preferences = getSharedPreferences("isFirstUse",MODE_WORLD_READABLE);
isFirstUse = preferences.getBoolean("isFirstUse", true);
/**
*如果用戶不是第一次使用則直接調(diào)轉(zhuǎn)到顯示界面,否則調(diào)轉(zhuǎn)到引導(dǎo)界面
*/
if (isFirstUse) {
startActivity(new Intent(Welcome.this, GuideActivity.class));
} else {
startActivity(new Intent(Welcome.this, MainActivity.class));
}
finish();
//實例化Editor對象
Editor editor = preferences.edit();
//存入數(shù)據(jù)
editor.putBoolean("isFirstUse", false);
//提交修改
editor.commit();
} catch (InterruptedException e) {
}
}
}
在歡迎界面中使用了SharedPreferences來讀取用戶的信息，判斷是否是第一次使用程序，這里的isFirstUse可以根據(jù)讀者的需要換成任意類型，只要給它加一個判斷就行了
9、主界面Activity，這里就加載了一個簡單的布局文件，讀者可以根據(jù)需要對該類進(jìn)行擴展，MainActivity.java：
package com.yangyu.myguideview04;
import android.app.Activity;
import android.os.Bundle;
/**
* @author yangyu
* 功能描述：主程序入口類頁面
*/
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
}
引導(dǎo)界面的專題就告一段落了，接下來會以主頁面的UI設(shè)計為專題進(jìn)行詳細(xì)的實戰(zhàn)講解，希望大家能繼續(xù)關(guān)注該系列文章。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了Android仿百度壁紙客戶端，搭建主框架，自定義Tab+ViewPager+Fragment，具有一定的實用性，感興趣的小伙伴們可以參考一下2016-08-08
Android BadTokenException異常解決案例詳解
這篇文章主要介紹了Android BadTokenException異常詳解,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2021-08-08
以下是對Android中退出程序的幾種方法進(jìn)行了總結(jié)介紹，需要的朋友可以過來參考下2013-07-07
Android開發(fā)之判斷有無虛擬按鍵(導(dǎo)航欄)的實例
下面小編就為大家分享一篇Android開發(fā)之判斷有無虛擬按鍵(導(dǎo)航欄)的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
本篇文章是對如何修改Android超時休眠時間的方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下2013-06-06
這篇文章主要為大家詳細(xì)介紹了ViewPager實現(xiàn)圖片切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-09-09
Android中點擊按鈕啟動另一個Activity及Activity之間傳值問題
這篇文章主要介紹了Android中點擊按鈕啟動另一個Activity及Activity之間傳值問題，本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2020-01-01
Android?Flutter使用本地數(shù)據(jù)庫編寫備忘錄應(yīng)用
這篇文章主要為大家詳細(xì)介紹了Android?Flutter如何使用本地數(shù)據(jù)庫實現(xiàn)編寫簡單的備忘錄應(yīng)用，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以了解一下2023-03-03
Android自定義PasswordInputView密碼輸入
這篇文章主要為大家詳細(xì)介紹了Android自定義PasswordInputView密碼輸入功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-08-08
這篇文章主要介紹了Android編程之控件ListView使用方法,實例分析了ListView控件的相關(guān)使用技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04