Androidアプリケーションの古典的なメインインタフェースのフレームワークの1つ:QQ(Fragmentを使用して、ソースコードを添付します)--修正版
8577 ワード
この文章は主にCSDNのある大神の1篇の文章に変えて、私はこの文章の対象に向かってとても透徹していると思って、以下は例えば以下の学ぶことができるいくつかの点を分かち合います:
Androidアプリケーションの古典的なメインインタフェースフレームワークの1つ:QQ(Fragmentを使用し、ソースコードを添付)を模倣する
1.&シンボルによる計算最適化:(後に同僚に聞くことで,コンピュータのビット演算効率が通常のswitchよりも高いと述べ,このアルゴリズムの原理を解説した.)
2.onLayoutでボトムバーの真ん中のbuttonを「動的」に調整
3.2つのインスタンス化レイアウトの適用:
1)layoutInflater.
2)onFinishInflater()経由
4.エージェントがデータ転送を実現する(IOSで最もよく使われる設計モード)
5.元Fragmentジャンプのコードを変更する
(以前のメソッドensureTransaction()は貼り付けや消去の際に推測されていましたが、トランザクションとしては、物事が1つだけ始まることを保証するだけで、毎回呼び出す必要はありません)
6.FragmentはFragmentをジャンプして値を伝達する改善を行う.
(ここではMessageFragmentからtextviewをクリックしてContactFragmentにジャンプ)
1>MessageFragmentで
2>
ContactFragmentでのデータエージェントの宣言
3>
MessageFragmentがエージェントを実装
4>
ContactFragment
コールバック
変更後のプロジェクトソース
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());
}
}
変更後のプロジェクトソース