AndroidQQ5.0模仿

最新推荐文章于 2021-05-26 00:06:05 发布

清风吹来

最新推荐文章于 2021-05-26 00:06:05 发布

阅读量836

点赞数

分类专栏： Android 文章标签： ANDROID QQ侧滑 QQ5.0 Android最新QQ模拟 Fragment中TabHost使用

本文链接：https://blog.csdn.net/abcdefh123/article/details/39318491

版权

Android 专栏收录该内容

39 篇文章 0 订阅

订阅专栏

最近QQ5.0的Android实现版本有点火，我也出来凑凑热闹，希望对大家有所帮助。

QQ的示例图如下：

自己模拟的示例图如下：

QQ的模拟用到了几个比较重要的知识点：

1.如何设置圆形图形?

Android设置图片显示的控件一般是方形的（矩形或者正方形），要想设置成圆形必须进行特殊的处理来设置成圆形。这里我们用ImageView来显示圆形图片，代码如下：

public Bitmap getRoundedCornerBitmap(int drawableid) {

Bitmap bitmap = BitmapFactory.decodeResource(getResources(),drawableid);

Bitmap outBitmap = Bitmap.createBitmap(bitmap.getWidth(),
bitmap.getHeight(), Config.ARGB_8888);//Bitmap.Config.ARGB_4444比Bitmap.Config.ARGB_8888更省内存
Canvas canvas = new Canvas(outBitmap);
final int color = 0xff424242;
final Paint paint = new Paint();
final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
final RectF rectF = new RectF(rect);
final float roundPX = bitmap.getWidth() / 2 < bitmap.getHeight() / 2 ? bitmap
.getWidth() : bitmap.getHeight();
paint.setAntiAlias(true);
canvas.drawARGB(0, 0, 0, 0);
paint.setColor(color);
canvas.drawRoundRect(rectF, roundPX, roundPX, paint);
paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
canvas.drawBitmap(bitmap, rect, rect, paint);
return outBitmap;
}

上面的代码大概的意思是先从Resource中的drawable中的得到drawable的Bitmap bitmap图片文件，创建一个和上面Bitmap长和宽一样的Bitmap outBitmap，最后bitmap的圆心部分的图像用画布画到outBitmap中，返回outBitmap。

用下面的代码来设置圆形图片：

ImageView portait = (ImageView) view.findViewById(R.id.portrait);
portait.setImageBitmap(getRoundedCornerBitmap(R.drawable.head));

2.如何设置QQ的侧滑菜单?

我参考的是孙国威的【Android 案例分享】仿QQ5.0侧滑菜单ResideMenu

http://blog.csdn.net/manoel/article/details/39013095

在此谢过。

3.如何在Menu(菜单Fragment)和Content(内容Fragment)之间切换？

SlidingMenu 已经把我们的方法封装地相当详尽，可以用如下方法：

/**
* Toggle the SlidingMenu. If it is open, it will be closed, and vice versa.
*/
public void toggle() {
toggle(true);
}

SlidingMenu sm;

初始化完成SlidingMenu之后，直接调用toggle方法就可以了：

sm.toggle();

Fragment中某个View的点击事件之后调用主Activity中的某个方法调用sm.toggle()就可以实现Fragment之间的切换：

view.findViewById(R.id.portrait).setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {
((MainActivity) getActivity()).loadMenu();

}
});

4.如何把Fragment嵌套到Fragment中显示的TabHost中?

Fragment的layout文件不能具有<fragment>标签，<fragment>的标签可以放到FragmentActivity的layout文件中来进行多个Fragment之间的切换。

主Content Fragment的layout如下：

</FrameLayout>
</LinearLayout>
</TabHost>

tabHost = (TabHost) view.findViewById(android.R.id.tabhost);
tabHost.setup();
Fragment frag;

tabHost.setOnTabChangedListener(new OnTabChangeListener() {

@Override
public void onTabChanged(String tabId) {
FragmentTransaction ft = getFragmentManager()
.beginTransaction();
if (TextUtils.equals("first", tabId)) {
frag = new MessagesFragment();
} else if (TextUtils.equals("second", tabId)) {
frag = new ContactsFragment();
} else if (TextUtils.equals("third", tabId)) {
frag = new DynamicFragment();
}
ft.replace(android.R.id.tabcontent, frag, "frag");
ft.commit();
}
});