android歡迎界面是所有程序開始的一個簡短的自我介紹，讓用戶能夠通過簡單的描述和圖片信息更好的了解軟件，對用戶體驗效果非常的重要。這里我會使用VIewPager做一個歡迎界面。

1設計背景圖片

根據4.0手機的寬高480:800 = 3:5的一個比例，所以自己圖片寬要大于480，同時比例要和3:5差距不大。這里使用640:960這樣常見的寬高，保證圖片的完整比例，既不會被拉伸的明顯，也不會被縮放的變形。

設計各個頁面的顯示情況，最好是簡單明晰，吸引人。

2設計頁面

這里總共設計了四個界面，背景依次為：

?

?

?

接下來就是在界面上加上一些效果。

2.1統一的字體樣式

在每個頁面的字體我都是用了統一的格式，代碼如下：

wrap_content

wrap_content

20dp

?android:attr/textAppearanceLarge

@color/yellow

20sp

bold|italic

2.2進入最后一個頁面的一個按鍵格式

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

3 程序實現頁面的切換功能

publicclassmainWelcomextendsActivity?{

//翻頁控件

privateViewPager?mViewPager;

privateImageView?mPage0;

privateImageView?mPage1;

privateImageView?mPage2;

privateImageView?mPage3;

@Override

publicvoidonCreate(Bundle?savedInstanceState)?{

//去掉標題欄全屏顯示

requestWindowFeature(Window.FEATURE_NO_TITLE);

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

mViewPager?=?(ViewPager)findViewById(R.id.whatsnew_viewpager);

mViewPager.setOnPageChangeListener(newMyOnPageChangeListener());

mPage0?=?(ImageView)findViewById(R.id.page0);

mPage1?=?(ImageView)findViewById(R.id.page1);

mPage2?=?(ImageView)findViewById(R.id.page2);

mPage3?=?(ImageView)findViewById(R.id.page3);

/*

*?這里是每一頁要顯示的布局，根據應用需要和特點自由設計顯示的內容

*?以及需要顯示多少頁等

*/

LayoutInflater?mLi?=?LayoutInflater.from(this);

View?view1?=?mLi.inflate(R.layout.whats_news_gallery1,?null);

View?view2?=?mLi.inflate(R.layout.whats_news_gallery2,?null);

View?view3?=?mLi.inflate(R.layout.whats_news_gallery3,?null);

View?view4?=?mLi.inflate(R.layout.whats_news_gallery4,?null);

/*

*?這里將每一頁顯示的view存放到ArrayList集合中

*?可以在ViewPager適配器中順序調用展示

*/

finalArrayList?views?=newArrayList();

views.add(view1);

views.add(view2);

views.add(view3);

views.add(view4);

//填充ViewPager的數據適配器

pagerAdapter?mPagerAdapter?=?newpagerAdapter(views);

mViewPager.setAdapter(mPagerAdapter);

}

publicclassMyOnPageChangeListenerimplementsOnPageChangeListener?{

publicvoidonPageSelected(intpage)?{

//翻頁時當前page,改變當前狀態園點圖片

switch(page)?{

case0:

mPage0.setImageDrawable(getResources().getDrawable(R.drawable.page_now));

mPage1.setImageDrawable(getResources().getDrawable(R.drawable.page));

break;

case1:

mPage1.setImageDrawable(getResources().getDrawable(R.drawable.page_now));

mPage0.setImageDrawable(getResources().getDrawable(R.drawable.page));

mPage2.setImageDrawable(getResources().getDrawable(R.drawable.page));

break;

case2:

mPage2.setImageDrawable(getResources().getDrawable(R.drawable.page_now));

mPage1.setImageDrawable(getResources().getDrawable(R.drawable.page));

mPage3.setImageDrawable(getResources().getDrawable(R.drawable.page));

break;

case3:

mPage3.setImageDrawable(getResources().getDrawable(R.drawable.page_now));

mPage2.setImageDrawable(getResources().getDrawable(R.drawable.page));

break;

}

}

publicvoidonPageScrolled(intarg0,floatarg1,intarg2)?{

}

publicvoidonPageScrollStateChanged(intarg0)?{

}

}

}

這里的ViewPager相當于一個雙向隊列，實現界面的左右切換。設置一pagerAdapter

packagecom.news.welcome;

importjava.util.ArrayList;

importandroid.support.v4.view.PagerAdapter;

importandroid.support.v4.view.ViewPager;

importandroid.view.View;

publicclasspagerAdapterextendsPagerAdapter?{

privateArrayList?views;

publicpagerAdapter(ArrayList?views){

this.views?=?views;

}

@Override

publicintgetCount()?{

returnthis.views.size();

}

@Override

publicbooleanisViewFromObject(View?arg0,?Object?arg1)?{

returnarg0?==?arg1;

}

publicvoiddestroyItem(View?container,intposition,?Object?object)?{

((ViewPager)container).removeView(views.get(position));

}

//頁面view

publicObject?instantiateItem(View?container,intposition)?{

((ViewPager)container).addView(views.get(position));

returnviews.get(position);

}

}

4 程序啟動顯示此界面

android:allowBackup="true"

android:icon="@drawable/ic_launcher"

android:label="@string/app_name">

android:name="com.news.welcome.mainWelcom"

android:label="@string/app_name"

android:theme="@android:style/Theme.NoTitleBar.Fullscreen">

這里要注意，android:theme="@android:style/Theme.NoTitleBar.Fullscreen需要使用，因為在Mainfest中的設置會在程序中先執行，也就是他會比requestWindowFeature

(Window.FEATURE_NO_TITLE)先運行。如果有其他title則會先顯示title，這并不是我們想要的結果。

?

?

?

最后附上源碼：

轉載地址：

http://blog.csdn.net/feiyangxiaomi/article/details/12840881

總結

以上是生活随笔為你收集整理的android用户引导页,android欢迎界面引导页的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。