1-1 課程介紹—功能技術(shù)點(diǎn)和課程安排
主要功能
主要技術(shù)點(diǎn)
1-3 準(zhǔn)備工作—項(xiàng)目架構(gòu)部署
創(chuàng)建相應(yīng)包結(jié)構(gòu)
創(chuàng)建相應(yīng)包結(jié)構(gòu)
相關(guān)類(lèi)，先創(chuàng)建放著灵再，后面會(huì)去實(shí)現(xiàn)它
創(chuàng)建相應(yīng)類(lèi)
做一些初始化攒射，比如頭文件注釋?zhuān)蜷_(kāi)settings橄浓，搜索code，如圖
BaseApplication（位于application）
public class BaseApplication extends Application {
//創(chuàng)建
@Override
public void onCreate() {
super.onCreate();
}
創(chuàng)建完BaseApplication后洒扎，需要在清單文件AndroidManifest.xml中生命application
<application
android:name=".application.BaseApplication"
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:supportsRtl="true"
android:theme="@style/AppTheme">
....省略
</application>
BaseApplication（位于ui）
這個(gè)類(lèi)是用來(lái)設(shè)置一些公共的屬性船响。
顯示返回箭頭
/**
* 主要做得事情
* 1.統(tǒng)一的屬性
* 2.統(tǒng)一的接口
* 3.統(tǒng)一的方法
*/
public class BaseActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
getSupportActionBar().setElevation(0);
//顯示返回鍵
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
}
//菜單欄操作
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case android.R.id.home://android自帶的id
finish();//finish（）就是直接返回了
break;
}
return super.onOptionsItemSelected(item);
}
}
drawable
如上圖包結(jié)構(gòu)創(chuàng)建相應(yīng)drawable
values
如上圖創(chuàng)建values-zh膜宋，values-en，用來(lái)做國(guó)際化
StaticClass,UtilTools
存放常量做个，常用工具類(lèi)鸽心，現(xiàn)在我們創(chuàng)建了滚局，先為空，以后用到再去寫(xiě)
1-4 首頁(yè)框架—TabLayout布局搭建
TabLayout簡(jiǎn)介
演示
//在build.gradle添加tablayout依賴(lài)
compile 'com.android.support:design:24.2.0'
TabLayout屬性詳解:http://www.reibang.com/p/2b2bb6be83a8
activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<android.support.design.widget.TabLayout
android:id="@+id/mTablayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/colorPrimary"
app:tabGravity="fill"
app:tabIndicatorColor="@color/colorAccent"
app:tabMode="fixed"
app:tabSelectedTextColor="@color/colorAccent"
app:tabTextColor="@android:color/white"
/>
<android.support.v4.view.ViewPager
android:id="@+id/mViewPager"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1" />
</LinearLayout>
<android.support.design.widget.FloatingActionButton
android:src="@drawable/icon_setting"
android:layout_marginRight="15dp"
android:layout_marginBottom="15dp"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:id="@+id/fab_setting"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>
</RelativeLayout>
一共四個(gè)fragment顽频，我們這里就不貼代碼了藤肢，直接放到github吧，剛開(kāi)始只有一個(gè)textview作為測(cè)試糯景，這里代碼嘁圈，我直接貼后面需要的控件，大家可以直接寫(xiě)個(gè)textview放著先蟀淮。
ButlerFragment
//導(dǎo)包import android.support.v4.app.Fragment;可以向下兼容
public class ButlerFragment extends Fragment implements View.OnClickListener {
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_butler, null);
findView(view);
return view;
}
}
GirlFragement最住，UserFragement，WecharFragement這其他三個(gè)Fragment也都是如此怠惶，創(chuàng)建好這樣放著涨缚。
MainActivity.java
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
//TabLayout
private TabLayout mTabLayout;
//ViewPager
private ViewPager mViewPager;
//Title
private List<String> mTitle;
//Fragment 一樣也是V4包
private List<Fragment> mFragment;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//去掉陰影
getSupportActionBar().setElevation(0);
initData();
initView();
}
//初始化數(shù)據(jù)
private void initData() {
mTitle = new ArrayList<>();
mTitle.add(getString(R.string.text_butler_service));
mTitle.add(getString(R.string.text_wechat));
mTitle.add(getString(R.string.text_girl));
mTitle.add(getString(R.string.text_user_info));
mFragment = new ArrayList<>();
mFragment.add(new ButlerFragment());
mFragment.add(new WechatFragment());
mFragment.add(new GirlFragment());
mFragment.add(new UserFragment());
}
//初始化View
private void initView() {
mTabLayout = (TabLayout) findViewById(R.id.mTabLayout);
mViewPager = (ViewPager) findViewById(R.id.mViewPager);
//預(yù)加載
mViewPager.setOffscreenPageLimit(mFragment.size());
//設(shè)置適配器
mViewPager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {
//選中的item
@Override
public Fragment getItem(int position) {
return mFragment.get(position);
}
//返回item的個(gè)數(shù)
@Override
public int getCount() {
return mFragment.size();
}
//設(shè)置標(biāo)題
@Override
public CharSequence getPageTitle(int position) {
return mTitle.get(position);
}
});
//綁定
mTabLayout.setupWithViewPager(mViewPager);
}
我們綁定好了就可以運(yùn)行了
運(yùn)行效果圖
1-5 首頁(yè)框架—TabLayout邏輯實(shí)現(xiàn)
我們現(xiàn)在要實(shí)現(xiàn)懸浮按鈕的邏輯
第一頁(yè)不顯示懸浮按鈕
其他頁(yè)面顯示懸浮按鈕
在上面activity_main.xml中已經(jīng)加入了FloatingActionButton，所以我們直接來(lái)看邏輯的實(shí)現(xiàn)策治。
在MainActivity.java的initView方法中加入如下代碼
fab_setting = (FloatingActionButton) findViewById(R.id.fab_setting);
fab_setting.setOnClickListener(this);
fab_setting.setVisibility(View.GONE);//按鈕默認(rèn)是隱藏的
在第一個(gè)頁(yè)面不顯示按鈕仗岖，其他頁(yè)面顯示，在initView加入
//mViewPager滑動(dòng)監(jiān)聽(tīng)
mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
}
@Override
public void onPageSelected(int position) {
Log.i("TAG", "position:" + position);
if (position == 0) {
fab_setting.setVisibility(View.GONE);
} else {
fab_setting.setVisibility(View.VISIBLE);
}
}
@Override
public void onPageScrollStateChanged(int state) {
}
});
當(dāng)我們點(diǎn)擊這個(gè)懸浮按鈕就會(huì)進(jìn)入到設(shè)置頁(yè)面
設(shè)置頁(yè)面
這是我們的點(diǎn)擊事件的監(jiān)聽(tīng)
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.fab_setting:
startActivity(new Intent(this, SettingActivity.class));
break;
}
}
SettingActivity.java現(xiàn)在也是空實(shí)現(xiàn)
public class SettingActivity extends BaseActivity{
@Override
public void onCreate(Bundle savedInstanceState, PersistableBundle persistentState) {
super.onCreate(savedInstanceState, persistentState);
setContentView(R.layout.activity_setting);
}
}
記得SettingActivity是一個(gè)Activity览妖，要在AndroidManifest.xml中聲明
<!--設(shè)置-->
<activity
android:name=".ui.SettingActivity"
android:label="@string/text_setting" />
到此已經(jīng)完成了框架的搭建~
