android仿qq顶部菜单栏,Android仿qq顶部消息栏效果

android仿照qq的顶部栏效果，主要就是利用fragment manager把fragment设置显示内容

(1)在activity_main.xml布局中添加控件

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent">

android:id="@+id/ll_qqtop"

android:layout_width="match_parent"

android:layout_height="50dp"

android:orientation="horizontal"

android:gravity="center"

android:background="@color/whites">

android:id="@+id/common_constact"

android:layout_height="40dp"

android:layout_width="150dp"

android:orientation="horizontal"

android:layout_centerHorizontal="true"

android:layout_alignParentTop="true">

android:id="@+id/constact_group"

android:layout_height="match_parent"

android:layout_width="0dp"

android:layout_weight="1"

android:padding="5dp"

android:textSize="16sp"

android:button="@null"

android:checked="true"

android:background="@drawable/qq_contact_group"

android:textColor="@drawable/qq_constact_font"

android:text="消息"/>

android:button="@null"

android:id="@+id/constact_all"

android:layout_width="0dp"

android:layout_height="match_parent"

android:layout_weight="1"

android:textSize="16sp"

android:padding="5dp"

android:background="@drawable/qq_contact_all"

android:textColor="@drawable/qq_constact_font"

android:text="电话"/>

android:id="@+id/id_content"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_below="@+id/ll_qqtop" />

(2)在drawable中添加样式文件，包括字体颜色和背景

2.1.在drawable文件夹中新建一个文件：qq_contact_group.xml，这个是左边按钮的背景样式xml

2.2在drawable文件夹中新建一个文件：qq_contact_all.xml，这个是右边按钮的背景样式xml

3.在drawable文件夹中新建一个文件：qq_constact_font.xml，这个是两个按钮的文字样式xml，不选中为白色，选中为蓝色

(3)在MainActivity中设置按钮的选中情况，并且在fragmentManager中调用fragment

public class MainActivity extends Activity implements View.OnClickListener {

//参考网址：https://blog.csdn.net/u010585448/article/details/48543883

private Button title_left_btn , title_right_btn;

/**

* Fragment管理器

*/

private android.app.FragmentManager mFragmentManager;

private FragmentTransaction mTransaction;

/**

* 两个Fragment

*/

private LeftFragment mLFragment ;

private RightFragment mRFragment;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

initView();

}

private void initView() {

// TODO Auto-generated method stub

title_left_btn = (Button)findViewById(R.id.constact_group);

title_right_btn = (Button)findViewById(R.id.constact_all);

title_left_btn.setOnClickListener(this);

title_left_btn.performClick();//模拟点击事件，使左边按钮被点击

mFragmentManager = getFragmentManager();

mTransaction = mFragmentManager.beginTransaction();

mLFragment = new LeftFragment();

mTransaction.replace(R.id.id_content, mLFragment);

mTransaction.commit();

title_right_btn.setOnClickListener(this);

}

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

switch (v.getId()) {

case R.id.constact_group:

if(title_left_btn.isEnabled()){

title_left_btn.setEnabled(false);

title_right_btn.setEnabled(true);

}

mFragmentManager = getFragmentManager();

mTransaction = mFragmentManager.beginTransaction();

if(mLFragment == null){

mLFragment = new LeftFragment();

}

mTransaction.replace(R.id.id_content, mLFragment);

mTransaction.commit();

break;

case R.id.constact_all:

if(title_right_btn.isEnabled()){

title_left_btn.setEnabled(true);

title_right_btn.setEnabled(false);

}

mFragmentManager = getFragmentManager();

mTransaction = mFragmentManager.beginTransaction();

if(mRFragment == null){

mRFragment = new RightFragment();

}

mTransaction.replace(R.id.id_content, mRFragment);

mTransaction.commit();

break;

}

}

}

最后，简单贴一下fragment吧

public class LeftFragment extends android.app.Fragment {

@Override

public View onCreateView(LayoutInflater inflater, ViewGroup container,

Bundle savedInstanceState) {

return inflater.inflate(R.layout.left_fragment, container , false);

}

}

实现效果图：

总结

以上所述是小编给大家介绍的Android仿qq顶部消息栏效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！