Androidアプリケーションの古典的なメインインタフェースのフレームワークの1つ:QQ(Fragmentを使用して、ソースコードを添付します)--修正版

8577 ワード

この文章は主にCSDNのある大神の1篇の文章に変えて、私はこの文章の対象に向かってとても透徹していると思って、以下は例えば以下の学ぶことができるいくつかの点を分かち合います:
Androidアプリケーションの古典的なメインインタフェースフレームワークの1つ:QQ(Fragmentを使用し、ソースコードを添付)を模倣する
1.&シンボルによる計算最適化:(後に同僚に聞くことで,コンピュータのビット演算効率が通常のswitchよりも高いと述べ,このアルゴリズムの原理を解説した.)
public class Constant {

	public static final int SIGN_FRAGMENT_MESSAGE=0x01 <<1;
	public static final int SIGN_FRAGMENT_CONTACTS=0x01 <<2;
	public static final int SIGN_FRAGMENT_NEWS=0x01 <<3;
	public static final int SIGN_FRAGMENT_SETTENGS=0x01 <<4;
	
}
@Override
	public void onClickCallBack(int itemID) {
		String tag = "";
		if ((itemID & Constant.SIGN_FRAGMENT_MESSAGE) != 0) {
			tag = Constant.STR_FRAGMENT_MESSAGE;
		} else if ((itemID & Constant.SIGN_FRAGMENT_CONTACTS) != 0) {
			tag = Constant.STR_FRAGMENT_CONTACTS;
		} else if ((itemID & Constant.SIGN_FRAGMENT_NEWS) != 0) {
			tag = Constant.STR_FRAGMENT_NEWS;
		} else if ((itemID & Constant.SIGN_FRAGMENT_SETTENGS) != 0) {
			tag = Constant.STR_FRAGMENT_SETTINGS;
		}
		mHeaderPanelLayout.setText(tag);
		setTabSection(tag);
	}

2.onLayoutでボトムバーの真ん中のbuttonを「動的」に調整
@Override
	protected void onLayout(boolean changed, int l, int t, int r, int b) {
		super.onLayout(changed, l, t, r, b);
		layoutItem(l, t, r, b);
	}

	private void layoutItem(int left, int top, int right, int bottom) {
		int allChildWidth=0;
		int num=getChildCount();
		for (int i = 0; i < num; i++) {
			allChildWidth+=getChildAt(i).getWidth();
		}
		int absoluteWidth=right-left-getPaddingLeft()-getPaddingRight();
		int blankWidth=(absoluteWidth-allChildWidth)/(num-1);
		//   2 3 button   
		LayoutParams params1=(LayoutParams) mContactsBtn.getLayoutParams();
		params1.leftMargin=blankWidth;
		mContactsBtn.setLayoutParams(params1);
		LayoutParams params2=(LayoutParams) mNewsBtn.getLayoutParams();
		params2.leftMargin=blankWidth;
		mNewsBtn.setLayoutParams(params2);
	}

3.2つのインスタンス化レイアウトの適用:
1)layoutInflater.
	public ImageText(Context context, AttributeSet attrs) {
		super(context, attrs);
		LayoutInflater.from(context).inflate(R.layout.image_text_layout, this,true);
		mImageView=(ImageView) findViewById(R.id.iv_imgae_text);
		mTextiew=(TextView) findViewById(R.id.tv_imgae_text);
	}

2)onFinishInflater()経由
<?xml version="1.0" encoding="utf-8"?>
<org.lean.ui.BottomPanelLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#FFF3F3F3"
    android:paddingLeft="20dp"
    android:paddingRight="20dp"
    android:layout_alignParentBottom="true" >

    <org.lean.ui.ImageText
        android:id="@+id/message_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true" />

    <org.lean.ui.ImageText
        android:id="@+id/contacts_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/message_btn" />

    <org.lean.ui.ImageText
        android:id="@+id/news_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/contacts_btn" />

    <org.lean.ui.ImageText
        android:id="@+id/settings_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true" />

</org.lean.ui.BottomPanelLayout>
@Override
	protected void onFinishInflate() {
		super.onFinishInflate();
		mMessageBtn=(ImageText) findViewById(R.id.message_btn);
		mContactsBtn=(ImageText) findViewById(R.id.contacts_btn);
		mNewsBtn=(ImageText) findViewById(R.id.news_btn);
		mSettingsBtn=(ImageText) findViewById(R.id.settings_btn);
		initClickEvent();
	}

4.エージェントがデータ転送を実現する(IOSで最もよく使われる設計モード)
public class BottomPanelLayout extends RelativeLayout implements OnClickListener{
	
	private BottomPanelCallBackProtocal mCallBackProtocal;
	
	//    
	public void setCallBackProtocal(BottomPanelCallBackProtocal callBackProtocal) {
		this.mCallBackProtocal = callBackProtocal;
	}
	
	public interface BottomPanelCallBackProtocal{
		public void onClickCallBack(int itemID);
	}

	/**  
	 * 1.       
	 * 2.      
	 */
	@Override
	public void onClick(View v) {
		initBottomPanel();
		int index=-1;
		switch (v.getId()) {
			case R.id.message_btn:
				index=Constant.SIGN_FRAGMENT_MESSAGE;
				mMessageBtn.setChecked(index);
				break;
			case R.id.contacts_btn:
				index=Constant.SIGN_FRAGMENT_CONTACTS;
				mContactsBtn.setChecked(index);
				break;
			case R.id.news_btn:
				index=Constant.SIGN_FRAGMENT_NEWS;
				mNewsBtn.setChecked(index);
				break;
			case R.id.settings_btn:
				index=Constant.SIGN_FRAGMENT_SETTENGS;
				mSettingsBtn.setChecked(index);
				break;
			default:
				break;
		}
		if (mCallBackProtocal!=null) {
			mCallBackProtocal.onClickCallBack(index);
		}
	}
	
}
public class MainActivity extends Activity implements
		BottomPanelCallBackProtocal {
	@Override
	public void onClickCallBack(int itemID) {
		String tag = "";
		if ((itemID & Constant.SIGN_FRAGMENT_MESSAGE) != 0) {
			tag = Constant.STR_FRAGMENT_MESSAGE;
		} else if ((itemID & Constant.SIGN_FRAGMENT_CONTACTS) != 0) {
			tag = Constant.STR_FRAGMENT_CONTACTS;
		} else if ((itemID & Constant.SIGN_FRAGMENT_NEWS) != 0) {
			tag = Constant.STR_FRAGMENT_NEWS;
		} else if ((itemID & Constant.SIGN_FRAGMENT_SETTENGS) != 0) {
			tag = Constant.STR_FRAGMENT_SETTINGS;
		}
		mHeaderPanelLayout.setText(tag);
		setTabSection(tag);
	}

}

5.元Fragmentジャンプのコードを変更する
(以前のメソッドensureTransaction()は貼り付けや消去の際に推測されていましたが、トランザクションとしては、物事が1つだけ始まることを保証するだけで、毎回呼び出す必要はありません)
private void setTabSection(String tag) {
		if (TextUtils.equals(tag, currFagTag)) {
			return;
		}
		ensureTransaction();
		if (currFagTag != null && !currFagTag.equals("")) {
			detachFragment(getFragment(currFagTag));
		}
		attachFragment(R.id.fragment_panel, getFragment(tag), tag);
		commitTransaction();
	}
private void ensureTransaction() {
		if (mFragmentTransaction == null) {
			mFragmentTransaction = mFragmentManager.beginTransaction();
			mFragmentTransaction
					.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE);
		}
	}

6.FragmentはFragmentをジャンプして値を伝達する改善を行う.
(ここではMessageFragmentからtextviewをクリックしてContactFragmentにジャンプ)
1>MessageFragmentで
	@Override
	public void onActivityCreated(Bundle savedInstanceState) {
		super.onActivityCreated(savedInstanceState);
		getActivity().findViewById(R.id.msg_tv).setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				((MainActivity)getActivity()).setTabSection(Constant.STR_FRAGMENT_CONTACTS);
			}
		});
	}

2>
ContactFragmentでのデータエージェントの宣言
	//      ,      Fragment            View          
	private ContactFragmentCallBack mContactFragmentCallBack;
	
	//     
	public interface ContactFragmentCallBack{
		//   Fragment       String  
		public String getContentStr();
	}

3>
MessageFragmentがエージェントを実装
public class MessageFragment extends BaseFragment implements ContactFragmentCallBack{
	@Override
	public String getContentStr() {
		return "abc";
	}
}

4>
ContactFragment
コールバック
	@Override
	public void onResume() {
		super.onResume();
		MainActivity.currFagTag=Constant.STR_FRAGMENT_CONTACTS;
		
		//          Fragment    
		Fragment f=((MainActivity)getActivity()).getFragment(Constant.STR_FRAGMENT_MESSAGE);
		if (f!=null&&f instanceof ContactFragmentCallBack) {
			mContactFragmentCallBack=(ContactFragmentCallBack)f;
			TextView textView=(TextView) ((MainActivity)getActivity()).findViewById(R.id.contact_tv);
			textView.setText(mContactFragmentCallBack.getContentStr());
		}
	}

変更後のプロジェクトソース