fragment实现隐藏及界面切换效果
在前文中的效果中(Android如何创建自定义ActionBar),点击屏幕下方的 TextView 以此来实现 5 种 fragment 界面的切换。
由于网络数据的加载存在于不同的界面之中,当快速的切换界面时,就会出现程序的出错。因为快速的切换时,当前界面的数据还在读取,就切换到下一个界面,下一个界面也开始加载数据,每次界面的切换都会加载数据。这样就会出错(在本文中,fragment 是使用 replace() 方法来加载界面的,)。所以可以使每个 fragment 只加载一次来减少数据的加载次数。当然可以使用缓存技术来解决问题。
本文中只使用 fragment 的隐藏或者加载来实现每个界面只加载一次。这时需要多定义一个 Fragment 变量,以充当中间的变量,来实现 fragment 的隐藏。
上文中界面切换的效果,其实很简单,即:点击当前 TextView 使其颜色改变,其他的 TextView 的颜色都变为相同颜色即可。这时可以把这些变化封装为一个方法。减少代码量。
MainActivity.java :
package com.crazy.gemi; import android.app.SearchManager; import android.content.Intent; import android.graphics.Color; import android.provider.SearchRecentSuggestions; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentActivity; import android.os.Bundle; import android.support.v4.app.FragmentTransaction; import android.view.View; import android.widget.TextView; import com.crazy.gemi.ui.cheaper.CheaperFragment; import com.crazy.gemi.ui.cheaper.SearchSuggestionSampleProvider; import com.crazy.gemi.ui.favor.FavorFragment; import com.crazy.gemi.ui.more.MoreFragment; import com.crazy.gemi.ui.near.NearFragment; import com.crazy.gemi.ui.pocket.PocketFragment; public class MainActivity extends FragmentActivity implements View.OnClickListener, CheaperFragment.SearchResult{ private TextView[] textView = new TextView[5]; private View[] views = new View[5]; // 其中的 firstFragment 相当于是个中间变量 private Fragment firstFragment, nearFragment, cheaperFragment, favorFragment, pocketFragmnet, moreFragment; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); init(); initFragment(); } private void init() { textView[0] = (TextView)findViewById(R.id.near); textView[1] = (TextView)findViewById(R.id.search_cheaper); textView[2] = (TextView)findViewById(R.id.favor); textView[3] = (TextView)findViewById(R.id.pocket); textView[4] = (TextView)findViewById(R.id.more); views[0] = findViewById(R.id.near_top_line); views[1] = findViewById(R.id.cheaper_top_line); views[2] = findViewById(R.id.favor_top_line); views[3] = findViewById(R.id.pocket_top_line); views[4] = findViewById(R.id.more_top_line); textView[0].setOnClickListener(this); textView[1].setOnClickListener(this); textView[2].setOnClickListener(this); textView[3].setOnClickListener(this); textView[4].setOnClickListener(this); } private void initFragment() { firstFragment = FavorFragment.newInstance(); favorFragment = firstFragment; // 最先加载的 fragment getSupportFragmentManager().beginTransaction(). add(R.id.frame_layout, favorFragment).commit(); textView[2].setTextColor(Color.BLACK); views[2].setBackgroundColor(Color.parseColor("#FF6600")); } @Override public void onClick(View v) { switch (v.getId()) { case R.id.near: // getSupportFragmentManager().beginTransaction(). // replace(R.id.frame_layout, NearFragment.newInstance()).commit(); if(nearFragment==null){ nearFragment= NearFragment.newInstance(); } switchContent(firstFragment, nearFragment, getSupportFragmentManager().beginTransaction()); firstFragment = nearFragment; selectStringAndBackgroundColor(0); break; case R.id.search_cheaper: if(cheaperFragment==null){ cheaperFragment= CheaperFragment.newInstance(); } switchContent(firstFragment, cheaperFragment, getSupportFragmentManager().beginTransaction()); firstFragment = cheaperFragment; selectStringAndBackgroundColor(1); break; case R.id.favor: if(favorFragment==null){ favorFragment= FavorFragment.newInstance(); } switchContent(firstFragment, favorFragment, getSupportFragmentManager().beginTransaction()); firstFragment = favorFragment; selectStringAndBackgroundColor(2); break; case R.id.pocket: if(pocketFragmnet==null){ pocketFragmnet= PocketFragment.newInstance(); } switchContent(firstFragment, pocketFragmnet, getSupportFragmentManager().beginTransaction()); firstFragment = pocketFragmnet; selectStringAndBackgroundColor(3); break; case R.id.more: if(moreFragment==null){ moreFragment= MoreFragment.newInstance(); } switchContent(firstFragment, moreFragment, getSupportFragmentManager().beginTransaction()); firstFragment = moreFragment; selectStringAndBackgroundColor(4); break; } } /** * 通过 position 的位置改变文字和 View 的颜色 * @param position */ private void selectStringAndBackgroundColor(int position){ int sum = textView.length; for (int i = 0; i < sum; i++) { if (position == i) { textView[i].setTextColor(Color.BLACK); views[i].setBackgroundColor(Color.parseColor("#FF6600")); } else { textView[i].setTextColor(Color.GRAY); views[i].setBackgroundColor(Color.parseColor("#f0f0f0")); } } } /** * 判断是否添加了界面,以保存当前状态 */ public void switchContent(Fragment from, Fragment to, FragmentTransaction transaction) { if (!to.isAdded()) { // 先判断是否被add过 transaction.hide(from).add(R.id.frame_layout, to) .commit(); // 隐藏当前的fragment,add下一个到Activity中 } else { transaction.hide(from).show(to).commit(); // 隐藏当前的fragment,显示下一个 } } }
上一篇:Android开发使用json实现服务器与客户端数据的交互功能示例
栏 目:Android代码
下一篇:Android使用自定义ImageView实现圆形图片效果
本文标题:fragment实现隐藏及界面切换效果
本文地址:http://www.codeinn.net/misctech/21861.html