微博主页面布局思路

最新推荐文章于 2025-06-15 12:17:51 发布

原创最新推荐文章于 2025-06-15 12:17:51 发布 · 3.7k 阅读

4 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Fragment

微博主页面布局思路，以及方法的提取思路：

public class MainActivity extends FragmentActivity implements
OnCheckedChangeListener, OnClickListener {

private RadioGroup rg_tab;
private ImageView iv_add;
private FragmentController controller;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);
setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);

controller = FragmentController.getInstance(this, R.id.fl_content);
controller.showFragment(0);

initView();
}

private void initView() {
rg_tab = (RadioGroup) findViewById(R.id.rg_tab);
iv_add = (ImageView) findViewById(R.id.iv_add);

rg_tab.setOnCheckedChangeListener(this);
iv_add.setOnClickListener(this);
}

@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
switch (checkedId) {
case R.id.rb_home:
controller.showFragment(0);
break;
case R.id.rb_meassage:
controller.showFragment(1);
break;
case R.id.rb_search:
controller.showFragment(2);
break;
case R.id.rb_user:
controller.showFragment(3);
break;
default:
break;
}
}

@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.iv_add:
ToastUtils.showToast(this, "add", Toast.LENGTH_SHORT);
break;

default:
break;
}
}
}

activity_main的布局文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="@color/bg_gray"
android:orientation="vertical" >

<FrameLayout
android:id="@+id/fl_content"
android:layout_width="fill_parent"
android:layout_height="0dp"
android:layout_weight="1" />

<View
android:layout_width="match_parent"
android:layout_height="1px"
android:background="@color/divider_gray" />

<RadioGroup
android:id="@+id/rg_tab"
android:layout_width="fill_parent"
android:layout_height="48dp"
android:layout_gravity="bottom"
android:background="#fafafa"
android:gravity="center_vertical"
android:orientation="horizontal" >

<RadioButton
android:id="@+id/rb_home"
style="@style/RadioButtonBottomTab"
android:checked="true"
android:drawableTop="@drawable/icon_home"
android:text="首页" />

<RadioButton
android:id="@+id/rb_meassage"
style="@style/RadioButtonBottomTab"
android:drawableTop="@drawable/icon_meassage"
android:text="消息" />

<ImageView
android:id="@+id/iv_add"
android:layout_width="56dp"
android:layout_height="40dp"
android:padding="8dp"
android:src="@drawable/icon_add"
android:background="@drawable/correct_oran_sel" />

<RadioButton
android:id="@+id/rb_search"
style="@style/RadioButtonBottomTab"
android:drawableTop="@drawable/icon_square"
android:text="发现" />

<RadioButton
android:drawableTop="@drawable/icon_selfinfo"
android:id="@+id/rb_user"
style="@style/RadioButtonBottomTab"
android:text="我" />
</RadioGroup>

</LinearLayout>

public class FragmentController {

private int containerId;
private FragmentManager fm;
private ArrayList<Fragment> fragments;

private static FragmentController controller;

public static FragmentController getInstance(FragmentActivity activity, int containerId) {
if (controller == null) {
controller = new FragmentController(activity, containerId);
}
return controller;
}

private FragmentController(FragmentActivity activity, int containerId) {
this.containerId = containerId;
fm = activity.getSupportFragmentManager();
initFragment();
}

private void initFragment() {
fragments = new ArrayList<Fragment>();
fragments.add(new HomeFragment());
fragments.add(new MessageFragment());
fragments.add(new SearchFragment());
fragments.add(new UserFragment());

FragmentTransaction ft = fm.beginTransaction();
for(Fragment fragment : fragments) {
ft.add(containerId, fragment);
}
ft.commit();
}

public void showFragment(int position) {
hideFragments();
Fragment fragment = fragments.get(position);
FragmentTransaction ft = fm.beginTransaction();
ft.show(fragment);
ft.commit();
}

public void hideFragments() {
FragmentTransaction ft = fm.beginTransaction();
for(Fragment fragment : fragments) {
if(fragment != null) {
ft.hide(fragment);
}
}
ft.commit();
}

public Fragment getFragment(int position) {
return fragments.get(position);
}
}

public class HomeFragment extends BaseFragment {

private View view;
private TextView titlebar_tv;

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
view = View.inflate(activity, R.layout.frag_home, null);

new TitleBuilder(view)
.setTitleText("首页")
.setLeftText("LEFT")
.setLeftOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
ToastUtils.showToast(activity, "left onclick", Toast.LENGTH_SHORT);
}
});

return view;
}

}

public class MessageFragment extends BaseFragment {

private View view;

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
view = View.inflate(activity, R.layout.frag_message, null);

new TitleBuilder(view)
.setTitleText("Message")
.setRightImage(R.drawable.ic_launcher)
.setRightOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
ToastUtils.showToast(activity, "right click~", Toast.LENGTH_SHORT);
}
});

return view;
}

}

子fragment的布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/bg_gray"
android:orientation="vertical" >

<include layout="@layout/include_titlebar"/>

<TextView
style="@style/TextViewSubhead"
android:text="首页"
/>

</LinearLayout>

标题栏封装类处理：

public class TitleBuilder {

private View viewTitle;
private TextView tvTitle;
private ImageView ivLeft;
private ImageView ivRight;
private TextView tvLeft;
private TextView tvRight;

public TitleBuilder(Activity context) {
viewTitle = context.findViewById(R.id.rl_titlebar);
tvTitle = (TextView) viewTitle.findViewById(R.id.titlebar_tv);
ivLeft = (ImageView) viewTitle.findViewById(R.id.titlebar_iv_left);
ivRight = (ImageView) viewTitle.findViewById(R.id.titlebar_iv_right);
tvLeft = (TextView) viewTitle.findViewById(R.id.titlebar_tv_left);
tvRight = (TextView) viewTitle.findViewById(R.id.titlebar_tv_right);
}

public TitleBuilder(View context) {
viewTitle = context.findViewById(R.id.rl_titlebar);
tvTitle = (TextView) viewTitle.findViewById(R.id.titlebar_tv);
ivLeft = (ImageView) viewTitle.findViewById(R.id.titlebar_iv_left);
ivRight = (ImageView) viewTitle.findViewById(R.id.titlebar_iv_right);
tvLeft = (TextView) viewTitle.findViewById(R.id.titlebar_tv_left);
tvRight = (TextView) viewTitle.findViewById(R.id.titlebar_tv_right);
}

// title

public TitleBuilder setTitleBgRes(int resid) {
viewTitle.setBackgroundResource(resid);
return this;
}

public TitleBuilder setTitleText(String text) {
tvTitle.setVisibility(TextUtils.isEmpty(text) ? View.GONE
: View.VISIBLE);
tvTitle.setText(text);
return this;
}

// left

public TitleBuilder setLeftImage(int resId) {
ivLeft.setVisibility(resId > 0 ? View.VISIBLE : View.GONE);
ivLeft.setImageResource(resId);
return this;
}

public TitleBuilder setLeftText(String text) {
tvLeft.setVisibility(TextUtils.isEmpty(text) ? View.GONE : View.VISIBLE);
tvLeft.setText(text);
return this;
}

public TitleBuilder setLeftOnClickListener(OnClickListener listener) {
if (ivLeft.getVisibility() == View.VISIBLE) {
ivLeft.setOnClickListener(listener);
} else if (tvLeft.getVisibility() == View.VISIBLE) {
tvLeft.setOnClickListener(listener);
}
return this;
}

// right

public TitleBuilder setRightImage(int resId) {
ivRight.setVisibility(resId > 0 ? View.VISIBLE : View.GONE);
ivRight.setImageResource(resId);
return this;
}

public TitleBuilder setRightText(String text) {
tvRight.setVisibility(TextUtils.isEmpty(text) ? View.GONE
: View.VISIBLE);
tvRight.setText(text);
return this;
}

public TitleBuilder setRightOnClickListener(OnClickListener listener) {
if (ivRight.getVisibility() == View.VISIBLE) {
ivRight.setOnClickListener(listener);
} else if (tvRight.getVisibility() == View.VISIBLE) {
tvRight.setOnClickListener(listener);
}
return this;
}

public View build() {
return viewTitle;
}

}

标签

#微博