安卓启动页和引导页的制作

最新推荐文章于 2025-09-12 16:52:33 发布

原创最新推荐文章于 2025-09-12 16:52:33 发布 · 1.7k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

安卓笔记

编程语言

本文介绍如何在Android应用中创建启动页和引导页。内容涵盖启动页的设置，以及使用RadioGroup布局的引导页逻辑实现，包括适配器的运用和在主页中与RadioGroup的交互。

1，先在布局中设置启动页的图片

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
  	android:background="@drawable/splash_bg_newyear"
    tools:context=".MainActivity" >

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/splash_horse_newyear"
        android:scaleType="fitXY" />

</RelativeLayout>

2，然后在布局中设置启动页，启动页其实就是一个viewPager，但是这里的viewPager必须是v4包下的，因为v4包是向下兼容的，如果版本低的安卓手机也同样适用

<?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/view_pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="30dp"
        android:paddingLeft="30dp"
        android:paddingRight="30dp"
        android:text="@string/kaishi"
        android:textSize="20sp"
        android:visibility="gone" />

</RelativeLayout>

3，进入主界面，设置主界面的布局

这个主界面的布局任意，你想加载什么样的效果就设置什么样的布局，这里就不赘述了，任意一个布局都OK，我在这里用的是一个关于RadioGroup的布局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <FrameLayout
        android:id="@+id/frame_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/div_view" >
    </FrameLayout>

    <View
        android:id="@+id/div_view"
        android:layout_width="fill_parent"
        android:layout_height="1.0px"
        android:layout_above="@+id/main_radiogroup"
        android:layout_marginBottom="2dip"
        android:background="#ffc9cacb" />

    <RadioGroup
        android:id="@+id/main_radiogroup"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:orientation="horizontal"
        android:background="@drawable/white" >

        <RadioButton
            android:id="@+id/tab_rbo_question"
            style="@style/tab_textview"
            android:checked="true"
            android:drawableTop="@drawable/selector_tab_question"
            android:text="问他"
            android:textColor="@color/tv_checked_bg" />

        <RadioButton
            android:id="@+id/tab_rbo_message"
            style="@style/tab_textview"
            android:drawableTop="@drawable/selector_tab_message"
            android:text="消息" />

        <RadioButton
            android:id="@+id/tab_rbo_answer"
            style="@style/tab_textview"
            android:drawableTop="@drawable/selector_tab_answer"
            android:text="我要回答" />

        <RadioButton
            android:id="@+id/tab_rbo_discover"
            style="@style/tab_textview"
            android:drawableTop="@drawable/selector_tab_discover"
            android:text="发现" />

        <RadioButton
            android:id="@+id/tab_rbo_user"
            style="@style/tab_textview"
            android:drawableTop="@drawable/selector_tab_user"
            android:text="我" />
    </RadioGroup>

</RelativeLayout>

4，在java代码中写逻辑

（1）

MainActivity中：启动页的逻辑，因为启动页打开是一个耗时操作，所以使用handler进行处理，避免anr的出现，主线程可以对UI进行修改

public class MainActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.activity_main);
		new Handler() {
			public void handleMessage(android.os.Message msg) {
				SharedPreferences sp = getSharedPreferences("config", 0);
				boolean b = sp.getBoolean("is_frist", true);
				if (b) {
					Editor edit = sp.edit();
					edit.putBoolean("is_frist", false);
					edit.commit();
					Intent intent = new Intent(getApplicationContext(),
							GuideActivity.class);
					startActivity(intent);

				} else {
					Intent intent = new Intent(getApplicationContext(),
							HomeActivity.class);
					startActivity(intent);

				}
				finish();

			};
		}.sendEmptyMessageDelayed(1, 3000);
	}

}

（2）GuideActivity中，引导页的逻辑，需要一个适配器

public class GuideActivity extends Activity {
	private ArrayList<ImageView> list; 
	private Button button;
	private ViewPager view_pager;
	
@Override
protected void onCreate(Bundle savedInstanceState) {
	// TODO Auto-generated method stub
	super.onCreate(savedInstanceState);
	requestWindowFeature(Window.FEATURE_NO_TITLE);
	setContentView(R.layout.activity_guide);
	list = new ArrayList<ImageView>();
	ImageView img1 = new ImageView(getApplicationContext());
	img1.setBackgroundResource(R.drawable.guide_1);
	ImageView img2 = new ImageView(getApplicationContext());
	img2.setBackgroundResource(R.drawable.guide_2);
	ImageView img3 = new ImageView(getApplicationContext());
	img3.setBackgroundResource(R.drawable.guide_3);
	list.add(img1);
	list.add(img2);
	list.add(img3);
	button = (Button) findViewById(R.id.button);
	view_pager = (ViewPager) findViewById(R.id.view_pager);
	view_pager.setAdapter(new MyPagerAdapter(list));
	view_pager.setOnPageChangeListener(new OnPageChangeListener() {
		
		@Override
		public void onPageSelected(int arg0) {
			if(arg0==list.size()-1){
				button.setVisibility(View.VISIBLE);
				button.setOnClickListener(new OnClickListener() {
					
					@Override
					public void onClick(View v) {
						startActivity(new Intent(GuideActivity.this,HomeActivity.class));
						finish();
					}
				});
			}else{
				button.setVisibility(View.GONE);
			}	
		}

		@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
			
		}
	});

}

}

适配器的逻辑

public class MyPagerAdapter extends PagerAdapter {

	private ArrayList<ImageView> al = new ArrayList<ImageView>();
	public MyPagerAdapter(ArrayList<ImageView> list) {
		this.al = list;
	}

	@Override
	public int getCount() {
		return al.size();
	}

	@Override
	public boolean isViewFromObject(View arg0, Object arg1) {
		return arg0==arg1;
	}
	@Override
	public Object instantiateItem(ViewGroup container, int position) {
		container.addView(al.get(position));
		return al.get(position);
	}
	@Override
	public void destroyItem(ViewGroup container, int position, Object object) {
		container.removeView((View)object);
	}

}

（3）主页中，这是一个关于RadioGroup的应用

public class HomeActivity extends FragmentActivity {
	private RadioGroup main_radiogroup;
	private FragmentTransaction ft;
	private FragmentManager fm;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.activity_home);
		main_radiogroup = (RadioGroup) this.findViewById(R.id.main_radiogroup);
		fm = this.getSupportFragmentManager();
		main_radiogroup
				.setOnCheckedChangeListener(new OnCheckedChangeListener() {

					@Override
					public void onCheckedChanged(RadioGroup group, int checkedId) {
						int length = group.getChildCount();
						for (int i = 0; i < length; i++) {
							RadioButton rgo = (RadioButton) group.getChildAt(i);
							if (rgo.getId() != checkedId)
								rgo.setTextColor(getResources().getColor(
										R.color.tv_checked_nor));
							else
								rgo.setTextColor(getResources().getColor(
										R.color.tv_checked_bg));
						}

						switch (checkedId) {
						case R.id.tab_rbo_answer:
							change(new Fragment04());
							break;
						case R.id.tab_rbo_discover:
							change(new Fragment02());
							break;
						case R.id.tab_rbo_message:
							change(new Fragment03());
							break;
						case R.id.tab_rbo_question:
							change(new Fragment01());
							break;
						case R.id.tab_rbo_user:
							change(new Fragment05());
							break;
						}
					}
				});
		change(new Fragment01());
	}
	private void change(Fragment f) {
		ft = fm.beginTransaction();
		ft.replace(R.id.frame_container, f);
		ft.commit();
	}

}

最后别忘记在清单文件中注册Activity