Android UI設(shè)計(jì)與開(kāi)發(fā)之實(shí)現(xiàn)應(yīng)用程序只啟動(dòng)一次引導(dǎo)界面
這篇文章算是對(duì)整個(gè)引導(dǎo)界面開(kāi)發(fā)專(zhuān)題的一個(gè)終結(jié)了吧,個(gè)人覺(jué)得大部分的引導(dǎo)界面基本上都是千篇一律的,只要熟練掌握了一個(gè),基本上也就沒(méi)什么好說(shuō)的了,要是在今后的開(kāi)發(fā)中遇到了更好玩,更有趣的引導(dǎo)界面,博主也會(huì)在這里及時(shí)的跟大家分享,今天的內(nèi)容主要是教大家的應(yīng)用程序只有在第一次啟動(dòng)的時(shí)候顯示引導(dǎo)界面,以后在啟動(dòng)程序的時(shí)候就不再顯示了。
其實(shí)要想實(shí)現(xiàn)這樣的效果,只要使用SharedPreferences類(lèi),就會(huì)讓程序變的非常簡(jiǎn)單,下面來(lái)詳細(xì)介紹一下這個(gè)類(lèi)的使用方法
一、SharedPreferences的詳細(xì)介紹和用法
SharedPreferences介紹:
做軟件開(kāi)發(fā)應(yīng)該都知道,很多軟件會(huì)有配置文件,里面存放這程序運(yùn)行當(dāng)中的各個(gè)屬性值,由于其配置信息并不多,如果采用數(shù)據(jù)庫(kù)來(lái)存放并不劃算,因?yàn)閿?shù)據(jù)庫(kù)連接跟操作等耗時(shí)大大影響了程序的效率,因此我們使用鍵值這種一一對(duì)應(yīng)的關(guān)系來(lái)存放這些配置信息。SharedPreferences正是Android中用于實(shí)現(xiàn)這中存儲(chǔ)方式的技術(shù)。
SharedPreferences的使用非常簡(jiǎn)單,能夠輕松的存放數(shù)據(jù)和讀取數(shù)據(jù)。SharedPreferences只能保存簡(jiǎn)單類(lèi)型的數(shù)據(jù),例如,String、int等。一般會(huì)將復(fù)雜類(lèi)型的數(shù)據(jù)轉(zhuǎn)換成Base64編碼,然后將轉(zhuǎn)換后的數(shù)據(jù)以字符串的形式保存在 XML文件中,再用SharedPreferences保存。
SharedPreferences使用方法:
<1> 使用Activity類(lèi)的getSharedPreferences方法獲得SharedPreferences對(duì)象,其中存儲(chǔ)key-value的文件的名稱(chēng)由getSharedPreferences方法的第一個(gè)參數(shù)指定;
<2> 使用SharedPreferences接口的edit獲得SharedPreferences.Editor對(duì)象;
<3> 通過(guò)SharedPreferences.Editor接口的putXxx方法保存key-value對(duì)。其中Xxx表示不同的數(shù)據(jù)類(lèi)型。例如:字符串類(lèi)型的value需要用putString方法;
<4> 通過(guò)SharedPreferences.Editor接口的commit方法保存key-value對(duì)。commit方法相當(dāng)于數(shù)據(jù)庫(kù)事務(wù)中的提交(commit)操作。
具體代碼的書(shū)寫(xiě)流程為:
A、存放數(shù)據(jù)信息
<1> 打開(kāi)Preferences,名稱(chēng)為setting,如果存在則打開(kāi)它,否則創(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
二、實(shí)現(xiàn)的效果圖
第一次啟動(dòng)程序:歡迎界面-->引導(dǎo)界面-->主頁(yè)面
以后啟動(dòng)程序:?jiǎn)?dòng)頁(yè)-->系統(tǒng)主頁(yè)
第一次啟動(dòng)時(shí)的效果圖
歡迎界面:

引導(dǎo)界面效果圖1:

引導(dǎo)界面效果圖2:

進(jìn)入主頁(yè)面:

以后啟動(dòng)程序的效果圖
歡迎界面:
程序主頁(yè)面:

三、程序的目錄結(jié)構(gòu)

四、具體的實(shí)現(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等幾個(gè)布局頁(yè)面中添加引導(dǎo)界面要顯示的圖片和控件,因?yàn)檫@幾個(gè)布局界面都大同小異,所以在這里我就不一一貼出來(lái)了吧,有需要的同學(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="歡迎來(lái)到主頁(yè)面!" android:textSize="25sp"/> </RelativeLayout>
5、在這里還要?jiǎng)?chuàng)建一個(gè)xml文件來(lái)實(shí)現(xiàn)自定義按鈕的效果,關(guān)于自定義按鈕的效果實(shí)現(xiàn)我會(huì)在后面的文章中專(zhuā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" /> <!--按下時(shí)的效果--> <item android:state_enabled="true" android:drawable="@drawable/login_button" /> <!--正常狀態(tài)的效果--> </selector>
6、布局界面已經(jīng)講解完畢,接下來(lái)讓我們進(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適配器,用來(lái)綁定數(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);
}
/**
* 判斷是否由對(duì)象生成界面
*/
@Override
public boolean isViewFromObject(View view, Object arg1) {
return (view == arg1);
}
/**
* 銷(xiāo)毀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類(lèi)
*/
public class GuideActivity extends Activity implements OnPageChangeListener{
// 定義ViewPager對(duì)象
private ViewPager viewPager;
// 定義ViewPager適配器
private ViewPagerAdapter vpAdapter;
// 定義一個(gè)ArrayList來(lái)存放View
private ArrayList<View> views;
// 定義各個(gè)界面View對(duì)象
private View view1, view2, view3, view4;
//定義開(kāi)始按鈕對(duì)象
private Button startBt;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_guide);
initView();
initData();
}
/**
* 初始化組件
*/
private void initView() {
//實(shí)例化各個(gè)界面的布局對(duì)象
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);
// 實(shí)例化ViewPager
viewPager = (ViewPager) findViewById(R.id.viewpager);
// 實(shí)例化ArrayList對(duì)象
views = new ArrayList<View>();
// 實(shí)例化ViewPager適配器
vpAdapter = new ViewPagerAdapter(views);
//實(shí)例化開(kāi)始按鈕
startBt = (Button) view4.findViewById(R.id.startBtn);
}
/**
* 初始化數(shù)據(jù)
*/
private void initData() {
// 設(shè)置監(jiān)聽(tīng)
viewPager.setOnPageChangeListener(this);
// 設(shè)置適配器數(shù)據(jù)
viewPager.setAdapter(vpAdapter);
//將要分頁(yè)顯示的View裝入數(shù)組中
views.add(view1);
views.add(view2);
views.add(view3);
views.add(view4);
// 給開(kāi)始按鈕設(shè)置監(jiān)聽(tīng)
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)按鈕點(diǎn)擊事件
*/
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);
/**
* 啟動(dòng)一個(gè)延遲線程
*/
new Thread(this).start();
}
public void run() {
try {
/**
* 延遲兩秒時(shí)間
*/
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();
//實(shí)例化Editor對(duì)象
Editor editor = preferences.edit();
//存入數(shù)據(jù)
editor.putBoolean("isFirstUse", false);
//提交修改
editor.commit();
} catch (InterruptedException e) {
}
}
}
在歡迎界面中使用了SharedPreferences來(lái)讀取用戶的信息,判斷是否是第一次使用程序,這里的isFirstUse可以根據(jù)讀者的需要換成任意類(lèi)型,只要給它加一個(gè)判斷就行了
9、主界面Activity,這里就加載了一個(gè)簡(jiǎn)單的布局文件,讀者可以根據(jù)需要對(duì)該類(lèi)進(jìn)行擴(kuò)展,MainActivity.java:
package com.yangyu.myguideview04;
import android.app.Activity;
import android.os.Bundle;
/**
* @author yangyu
* 功能描述:主程序入口類(lèi)頁(yè)面
*/
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
}
引導(dǎo)界面的專(zhuān)題就告一段落了,接下來(lái)會(huì)以主頁(yè)面的UI設(shè)計(jì)為專(zhuān)題進(jìn)行詳細(xì)的實(shí)戰(zhàn)講解,希望大家能繼續(xù)關(guān)注該系列文章。
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android使用ViewPager實(shí)現(xiàn)啟動(dòng)引導(dǎo)頁(yè)效果
- Android實(shí)現(xiàn)漸變啟動(dòng)頁(yè)和帶有指示器的引導(dǎo)頁(yè)
- android引導(dǎo)用戶開(kāi)啟自啟動(dòng)權(quán)限的方法
- Android客戶端首次啟動(dòng)引導(dǎo)界面
- Android實(shí)現(xiàn)過(guò)渡動(dòng)畫(huà)、引導(dǎo)頁(yè) Android判斷是否第一次啟動(dòng)App
- Android使用ViewPager實(shí)現(xiàn)啟動(dòng)引導(dǎo)頁(yè)
- Android實(shí)現(xiàn)啟動(dòng)引導(dǎo)圖
相關(guān)文章
Android BadTokenException異常解決案例詳解
這篇文章主要介紹了Android BadTokenException異常詳解,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2021-08-08
Android開(kāi)發(fā)之判斷有無(wú)虛擬按鍵(導(dǎo)航欄)的實(shí)例
下面小編就為大家分享一篇Android開(kāi)發(fā)之判斷有無(wú)虛擬按鍵(導(dǎo)航欄)的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
探討:如何修改Android超時(shí)休眠時(shí)間
本篇文章是對(duì)如何修改Android超時(shí)休眠時(shí)間的方法進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下2013-06-06
Android中點(diǎn)擊按鈕啟動(dòng)另一個(gè)Activity及Activity之間傳值問(wèn)題
這篇文章主要介紹了Android中點(diǎn)擊按鈕啟動(dòng)另一個(gè)Activity及Activity之間傳值問(wèn)題,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-01-01
Android?Flutter使用本地?cái)?shù)據(jù)庫(kù)編寫(xiě)備忘錄應(yīng)用
這篇文章主要為大家詳細(xì)介紹了Android?Flutter如何使用本地?cái)?shù)據(jù)庫(kù)實(shí)現(xiàn)編寫(xiě)簡(jiǎn)單的備忘錄應(yīng)用,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解一下2023-03-03
Android自定義PasswordInputView密碼輸入
這篇文章主要為大家詳細(xì)介紹了Android自定義PasswordInputView密碼輸入功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-08-08

