使用ViewPager製作Android引導介面
1.涉及Android知識點:
ViewPager元件、Handler機制、SharedPreferences。
2.開發實踐:
a.佈局檔案設計。
第一個引導介面one.xml,另外兩個佈局檔案類似。
引導主介面 guide.xml<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <ImageView android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/guide_1" /> </LinearLayout>
<?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:id="@+id/viewpager" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#00000000" > </android.support.v4.view.ViewPager> <LinearLayout android:id="@+id/ll" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:gravity="center_horizontal" android:orientation="horizontal" > <ImageView android:id="@+id/iv1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/login_point_selected" /> <ImageView android:id="@+id/iv2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/login_point" /> <ImageView android:id="@+id/iv3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/login_point" /> </LinearLayout> </RelativeLayout>
b.Activity設計。
引導介面主類Guide.java
package com.viewpagerdemo; import java.util.ArrayList; import java.util.List; import com.jikexueyuan.viewpagerdemo.R; 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; public class Guide extends Activity implements OnPageChangeListener { private ViewPager viewPager; private ViewPagerAdapter viewPagerAdapter; private List<View> views; private ImageView[] dots; private int[] ids = { R.id.iv1, R.id.iv2, R.id.iv3 }; private Button start_btn; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.guide); initViews(); initDots(); } private void initViews() { LayoutInflater inflater = LayoutInflater.from(this); views = new ArrayList<View>(); views.add(inflater.inflate(R.layout.one, null)); views.add(inflater.inflate(R.layout.two, null)); views.add(inflater.inflate(R.layout.three, null)); viewPagerAdapter = new ViewPagerAdapter(views, this); viewPager = (ViewPager) findViewById(R.id.viewpager); viewPager.setAdapter(viewPagerAdapter); start_btn = (Button) views.get(2).findViewById(R.id.start_btn); start_btn.setOnClickListener(new OnClickListener() { @Override public void onClick(View arg0) { Intent i = new Intent(Guide.this, MainActivity.class); startActivity(i); finish(); } }); viewPager.setOnPageChangeListener(this); } private void initDots() { dots = new ImageView[views.size()]; for (int i = 0; i < views.size(); i++) { dots[i] = (ImageView) findViewById(ids[i]); } } @Override public void onPageScrollStateChanged(int arg0) { // TODO Auto-generated method stub } @Override public void onPageScrolled(int arg0, float arg1, int arg2) { // TODO Auto-generated method stub } @Override public void onPageSelected(int arg0) { for (int i = 0; i < ids.length; i++) { if (arg0 == i) { dots[i].setImageResource(R.drawable.login_point_selected); } else { dots[i].setImageResource(R.drawable.login_point); } } } }
ViewPager的介面卡類ViewPagerAdapter.java
package com.viewpagerdemo;
import java.util.List;
import android.content.Context;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;
public class ViewPagerAdapter extends PagerAdapter {
private List<View> views;
private Context context;
public ViewPagerAdapter(List<View> views, Context context) {
this.views = views;
this.context = context;
}
@Override
public void destroyItem(View container, int position, Object object) {
((ViewPager) container).removeView(views.get(position));
}
@Override
public Object instantiateItem(View container, int position) {
((ViewPager) container).addView(views.get(position));
return views.get(position);
}
@Override
public int getCount() {
return views.size();
}
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return (arg0 == arg1);
}
}
c.歡迎介面設計和儲存首次使用程式標記類
歡迎介面類WelcomeAct.java
package com.viewpagerdemo;
import com.jikexueyuan.viewpagerdemo.R;
import com.viewpagerdemo.util.Config;
import android.app.Activity;
import android.content.Intent;
import android.content.SharedPreferences;
import android.content.SharedPreferences.Editor;
import android.os.Bundle;
import android.os.Handler;
public class WelcomeAct extends Activity {
private boolean isFirstIn = false;
private static final int TIME = 2000;
private static final int GO_HOME = 1000;
private static final int GO_GUIDE = 1001;
private Config config;
private Handler mHandler = new Handler(){
public void handleMessage(android.os.Message msg) {
switch (msg.what) {
case GO_HOME:
goHome();
break;
case GO_GUIDE:
goGuide();
break;
}
};
};
@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.welcome);
config =new Config(this);
init();
}
private void init(){
isFirstIn = config.getBoolean("isFirstIn");
if (!isFirstIn) {
mHandler.sendEmptyMessageDelayed(GO_HOME, TIME);
}else{
mHandler.sendEmptyMessageDelayed(GO_GUIDE, TIME);
config.putBoolean("isFirstIn", false);
}
}
private void goHome(){
Intent i = new Intent(WelcomeAct.this,MainActivity.class);
startActivity(i);
finish();
}
private void goGuide(){
Intent i = new Intent(WelcomeAct.this,Guide.class);
startActivity(i);
finish();
}
}
儲存資料輔助類Config.java
package com.viewpagerdemo.util;
import android.content.Context;
import android.content.SharedPreferences;
import android.content.SharedPreferences.Editor;
public class Config {
private static final String CONFIG_NAME = "setting";
private SharedPreferences sharedPreferences;
private Editor editor ;
public Config(Context context){
sharedPreferences = context.getSharedPreferences(CONFIG_NAME, Context.MODE_PRIVATE);
editor = sharedPreferences.edit();
}
public void putString(String key,String value){
editor.putString(key, value);
editor.commit();
}
public String getString(String key){
return sharedPreferences.getString(key, "");
}
public void putBoolean(String key,boolean value){
editor.putBoolean(key, value);
editor.commit();
}
public boolean getBoolean(String key){
return sharedPreferences.getBoolean(key, true);
}
}
d.AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.jikexueyuan.viewpagerdemo"
android:versionCode="1"
android:versionName="1.0" >
<uses-sdk
android:minSdkVersion="14"
android:targetSdkVersion="14" />
<application
android:allowBackup="true"
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<activity
android:name="com.viewpagerdemo.MainActivity"
android:label="@string/app_name" >
</activity>
<activity android:name="com.viewpagerdemo.Guide" >
</activity>
<activity android:name="com.viewpagerdemo.WelcomeAct" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>
大功告成,原始碼下載地址:http://download.csdn.net/detail/caihuajian235/8448343
相關推薦
使用ViewPager製作Android引導介面
1.涉及Android知識點: ViewPager元件、Handler機制、SharedPreferences。 2.開發實踐: a.佈局檔案設計。 第一個引導介面one.xml,另外兩個佈局檔案類似。 <?xml version="1.
Android 引導介面製作
專案做完了,做了第一次啟動,滑動的引導頁了。 然後需求又要改成流行的圖層圖片引導了。如圖: 大家一定也經常見吧,實現當然很簡單了。FrameLayout上加一個圖層就完了唄。讓它點選後消失。 嗯,可是那麼多介面,難道所有介面佈局都要改嗎?改成根元素上再套一層F
Android學習之介面篇(六)ViewPager學習與Android引導介面的實現
ViewPager:是android擴充套件包v4包中的類,這個類可以讓使用者左右切換當前的view。主要特性有: ViewPager類直接繼承了ViewGroup類,所以他是一個容器類,可以在其
一個簡單的Android引導介面
先看一下我們要開發的介面(三張圖片,滑到最後一個會出現開始體驗的Button,下面的小紅點會跟著一起滑動): 首先看一下佈局檔案: 1 <?xml version="1.0" encoding="utf-8"?> 2 <RelativeLa
c# 程式設計師學習android(1)引導介面--viewpager的使用
本次之前說一下android開發工具。android開發工具有2種,一種是eclipse 一個是谷歌android-studio-bundle 前者需要配置,後者不需要。會自動下載sdk。配置方法我就不說了。有幾個注意的地方說一下。eclipse 適合32位windows系
Android客戶端首次啟動時的引導介面(viewpager)
剛做完一個比賽專案,來寫點以後能用著的東西–Android客戶端的首次啟動頁面,而且這個以後複用的機率很大,也不怎麼修改,特留下為以後準備,同時為初學者提供一個幫助。 實現思路是:用SharedPreferences儲存一個首次登陸的資訊,預設是true,進入
Android複習之旅--ViewPager(應用引導頁)
對於ViewPager,相信大家都不陌生,ViewPager在應用中的使用頻率和ListView是有得一拼的。而ViewPager最常用於三個場景,分別是應用的新手引導頁,廣告輪播控制元件,和Fragment結合做應用內的標籤頁。 由於網上已經有很多關於ViewPager的博文了,寫
Android 分享介面製作從底部滑出動畫效果
1.自定義類如下: BaseDialog: import android.app.Dialog; import android.content.Context; import android.util.DisplayMetrics; import android.vi
android ViewPager實現App主介面Tab選單頁面切換和點選事件
Tabhost實現頁面滑動切換比較麻煩,這裡介紹一下viewPage 控制元件。 實現了三屏滑動帶標題點選和tab頁面內按鈕的的點選事件實現; viewPage 的優點是可以滑動切換缺點是MainA
android 用 SharedPreferences實現app首次使用顯示引導介面,之後使用將不再出現
功能如標題所示,話不多說,程式碼簡單,註釋清晰,一目瞭然: package com.kk.main;import android.content.Intent;import android.content.SharedPreferences;import android.
Android之RadioGroup+ViewPager製作的底部導航欄
在日常開發中我們常常會用到類似微信或者QQ的底部導航。實現這樣的效果有多種,今天就為大家介紹一種實現簡單,可控性好的底部導航的實現方法。 首先建立activity_main.xml佈局檔案,裡面主要由ViewPager和RadioGroup構成。ViewPager用來存
Android典型介面設計(6)——ActionBar Tab+ViewPager+Fagment實現滑動導航
public class MachineFragment extends Fragment { private String title; public void setArguments(Bundle bundle) { title=bundle.getSt
Android典型介面設計(8) ——ViewPager+PagerSlidingTabStrip實現雙導航
public class NewsFragment extends Fragment { @Override public void onAttach(Activity activity) { super.onAttach(activity); }
Android典型介面設計(7) ——DrawerLayout+Fragement+ViewPager+PagerTabStrip實現雙導航
public class MainActivity extends ActionBarActivity implements OnItemClickListener{ private DrawerLayout drawerLayout; private ActionBarDrawe
android啟動介面和引導介面的動畫
有很多應用開啟應用時都會有2到3秒的啟動介面的動畫,當一次安裝應用時還要具備有引導的功能的動畫,於是我也就寫了一個關於啟動動畫和引導圖並帶有點的demo,先上圖 啟動畫 第一張引導圖 第二張引導圖 第三張引導圖 就先展示這幾張吧,根據這
android應用程式第一次啟動時顯示引導介面
市面上好多優秀的應用(舉例新浪微博、UC瀏覽器)都採用了歡迎頁面與使用嚮導的方式給使用者帶來了良好的使用者體驗。 一般來說使用者第一次安裝應用或者安裝了新版本後第一次進入應用都會顯示成 歡迎頁面-使用嚮導-主介面 的方式 使用者沒有安裝新版本或者不是第一次進入的時候都
製作一個畫圖介面
製作一個畫圖介面主要分為四個步驟 一、 建立一個圖畫介面 利用Java 的 swing,awt 提供的相關內容進行繪畫 二、 處理事件 事件監
遊戲音效製作技巧之介面音效
在遊戲中涉及眾多音效,不同的遊戲音效在遊戲中有不同的作用,用自己的綿薄之力為遊戲做著不同的貢獻,今天我們來聊聊介面遊戲的製作技巧。 什麼是介面音效呢?這一型別音效說的是在遊戲過程中,無論是遊戲的角色等級提升時,進行角色的屬
Android使用者介面設計
View 檢視 佔據螢幕上的一塊矩形區域,負責提供元件繪製和事件處理的方法。Android 比喻成窗戶,每塊玻璃就是一個 view。 View 類是所有UI元件的基類,位於 android.view 包中;文字框元件 TextView 是 View 類的子類,位於 android.widget 包
android activity 介面銷燬時候,鍵盤自動隱藏
有時候輸入一些東西得時候,發現鍵盤卻不會自動回收,這跟你得清單檔案得activity設定有關係 b介面的設定android:windowSoftInputMode 鍵盤是否自動收回 stateUnspecified