Android滑动页碎片框架模板说明文档.docx

Android滑动页碎片框架模板说明文档.docx

《Android滑动页碎片框架模板说明文档.docx》由会员分享，可在线阅读，更多相关《Android滑动页碎片框架模板说明文档.docx（21页珍藏版）》请在冰豆网上搜索。

Android滑动页碎片框架模板说明文档

Android滑动页+碎片框架模板

第1阶段:

搭建基本视图框架

导入jar包

android-support-v4.jar

添加图片

title_option.png

添加colors.xml

xmlversion="1.0"encoding="utf-8"?

>

#607d8b

#607d8b

#22292c

#007086

#303744

#d33f3f

#DA5A4D

#2dafa3

#4ebcd3

#2d2f31

#161718

#2ea7e0

#fcfcfc

#B6DA53

#cccccc

#4ebcd3

#F6EBE6

#2D2F31

#ffffff

#f7f8f8

#b5b5b6

#68C270

#6FCD78

#c0c0c0

#b5b5b6

#666667

#1e90ff

#0066FF

#FFA500

#b5b5b6

#666667

#1Affffff

#80000000

#bababa

#FF000000

activity_main.xml

android="

xmlns:

tools="

android:

layout_width="match_parent"

android:

layout_height="match_parent"

android:

orientation="vertical"

tools:

context=".MainActivity">

android:

layout_width="match_parent"

android:

layout_height="70dp"

android:

background="@color/btn_blue_normal">

android:

layout_width="match_parent"

android:

layout_height="50dp"

android:

padding="10dp"

android:

layout_alignParentBottom="true">

android:

id="@+id/tv_title"

android:

textSize="20sp"

android:

text="程序员▪干货"

android:

layout_centerInParent="true"

android:

textColor="#fff"

android:

layout_width="wrap_content"

android:

layout_height="wrap_content"/>

android:

id="@+id/iv_add"

android:

layout_width="24dp"

android:

layout_height="24dp"

android:

src="@drawable/title_option"

android:

layout_alignParentRight="true"

android:

layout_centerVertical="true"

/>

--标签页-->

android:

id="@+id/id_ly_bottombar"

android:

layout_width="fill_parent"

android:

layout_height="40dp"

android:

orientation="horizontal"

android:

background="#fff">

android:

id="@+id/btn1"

android:

layout_width="fill_parent"

android:

layout_height="fill_parent"

android:

layout_weight="1"

android:

background="#fff"

>

android:

id="@+id/txt1"

android:

layout_width="wrap_content"

android:

layout_height="wrap_content"

android:

text="妹纸"

android:

layout_centerInParent="true"

android:

textColor="#607d8b"

android:

textSize="18sp"

/>

android:

id="@+id/line1"

android:

layout_alignParentBottom="true"

android:

background="@color/btn_blue_normal"

android:

layout_width="match_parent"

android:

layout_height="2dp"/>

android:

id="@+id/btn2"

android:

layout_width="fill_parent"

android:

layout_height="fill_parent"

android:

layout_weight="1"

android:

background="#fff"

>

android:

id="@+id/txt2"

android:

layout_width="wrap_content"

android:

layout_height="wrap_content"

android:

text="干货"

android:

layout_centerInParent="true"

android:

textColor="#607d8b"

android:

textSize="18sp"

/>

android:

id="@+id/line2"

android:

layout_alignParentBottom="true"

android:

background="@color/btn_blue_normal"

android:

layout_width="match_parent"

android:

layout_height="2dp"/>

android:

id="@+id/btn3"

android:

layout_width="fill_parent"

android:

layout_height="fill_parent"

android:

layout_weight="1"

android:

background="#fff"

>

android:

id="@+id/txt3"

android:

layout_width="wrap_content"

android:

layout_height="wrap_content"

android:

text="收藏"

android:

layout_centerInParent="true"

android:

textColor="#607d8b"

android:

textSize="18sp"

/>

android:

id="@+id/line3"

android:

layout_alignParentBottom="true"

android:

background="@color/btn_blue_normal"

android:

layout_width="match_parent"

android:

layout_height="2dp"/>

android:

id="@+id/btn4"

android:

layout_width="fill_parent"

android:

layout_height="fill_parent"

android:

layout_weight="1"

android:

background="#fff"

>

android:

id="@+id/txt4"

android:

layout_width="wrap_content"

android:

layout_height="wrap_content"

android:

text="设置"

android:

layout_centerInParent="true"

android:

textColor="#607d8b"

android:

textSize="18sp"

/>

android:

id="@+id/line4"

android:

layout_alignParentBottom="true"

android:

background="@color/btn_blue_normal"

android:

layout_width="match_parent"

android:

layout_height="2dp"/>

--切换Fragment的地方-->

android:

id="@+id/id_content"

android:

layout_width="fill_parent"

android:

layout_height="fill_parent"

android:

layout_below="@id/id_ly_bottombar"

android:

orientation="horizontal">

android:

id="@+id/vp"

android:

layout_width="match_parent"

android:

layout_height="match_parent"

android:

flipInterval="3000"

android:

persistentDrawingCache="animation"/>

MainActivity

packagecom.spl.viewpagerfragmentset;

importandroid.graphics.Color;

importandroid.os.Bundle;

importandroid.support.v4.app.FragmentActivity;

importandroid.support.v4.view.ViewPager;

importandroid.view.View;

importandroid.view.Window;

importandroid.view.WindowManager;

importandroid.widget.RelativeLayout;

importandroid.widget.TextView;

/**

*主界面:

ViewPager的容器

*/

publicclassMainActivityextendsFragmentActivity

implementsView.OnClickListener,ViewPager.OnPageChangeListener{

//按钮数组

privateRelativeLayout[]arrBtn=newRelativeLayout[4];

//标签文字数组

privateTextView[]arrTxt=newTextView[4];

//标签下划线（Indicator）

privateRelativeLayout[]arrLine=newRelativeLayout[4];

//滑动页容器

privateViewPagerviewPager;

@Override

protectedvoidonCreate（BundlesavedInstanceState）{

super.onCreate（savedInstanceState）;

//去标题

requestWindowFeature（Window.FEATURE_NO_TITLE）;

//透明状态栏（沉浸式）

getWindow（）.addFlags（WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS）;

//透明导航栏（沉浸式）

getWindow（）.addFlags（WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION）;

setContentView（R.layout.activity_main）;

initView（）;

initData（）;

initListener（）;

viewPager.setCurrentItem（0）;

setColor（0）;

}

privatevoidinitView（）{

//初始化下划线（逐帧动画）

StringpackageName=getApplicationContext（）.getPackageName（）;//获取当前包名

for（inti=0;i<4;i++）{

//从图片名称反射资源IDR.id.line1

intid=this.getResources（）.getIdentifier（"line"+（i+1）,"id",packageName）;

arrLine[i]=（RelativeLayout）findViewById（id）;

intid2=this.getResources（）.getIdentifier（"btn"+（i+1）,"id",packageName）;

arrBtn[i]=（RelativeLayout）findViewById（id2）;

intid3=this.getResources（）.getIdentifier（"txt"+（i+1）,"id",packageName）;

arrTxt[i]=（TextView）findViewById（id3）;

}

//获取ViewPager对象

viewPager=（ViewPager）findViewById（R.id.vp）;

}

privatevoidinitData（）{

}

privatevoidinitListener（）{

//添加按钮的监听

for（inti=0;i

arrBtn[i].setOnClickListener（this）;

}

//添加滑动页的监听

viewPager.setOnPageChangeListener（this）;

}

@Override

publicvoidonClick（Viewv）{

switch（v.getId（））{

caseR.id.btn1:

viewPager.setCurrentItem（0）;//第一页

break;

caseR.id.btn2:

viewPager.setCurrentItem

（1）;//第二页

break;

caseR.id.btn3:

viewPager.setCurrentItem

（2）;//第二页

break;

caseR.id.btn4:

viewPager.setCurrentItem（3）;//第二页

break;

default:

break;

}

}

/**

*1.将所有的背景统一颜色

*2.将当前选中的背景设置特殊颜色

*@paramindex

*/

publicvoidsetColor（intindex）{

//"所有人"都回复最初的状态

for（inti=0;i

arrLine[i].setBackgroundColor（Color.WHITE）;

arrTxt[i].setTextColor（getResources（）.getColor（Rmon_top_bar_normal））;

}

arrLine[index].setBackgroundColor（getResources（）.getColor（R.color.btn_blue_normal））;//特殊

arrTxt[index].setTextColor（getResources（）.getColor（R.color.btn_blue_normal））;

}

@Override

publicvoidonPageScrolled（inti,floatv,inti2）{

//滑动过程中...（写动画）

}

@Override

publicvoidonPageSelected（inti）{//核心事件

//页面的选中（当前的页面已经显示了90%）

setColor（i）;

}

@Override

publicvoidonPageScrollStateChanged（inti）{

//滑动的状态改变

}

}

本阶段完成效果图

第2阶段:

添加碎片

Cons.java

/**

*常量类on2016/7/27.

*/

publicclassCons{

publicstaticfinalString[]Tab_Name={

"妹子",

"干货",

"收藏",

"设置"

};

publicstaticfinalStringKey_Fragment="Key_Fragment";

}

fragment_base.xml（碎片布局）

android="

xmlns:

tools="android:

layout_width="match_parent"

android:

layout_height="match_parent"

tools:

context=".MainActivity">