Android微信泡泡聊天界面的实现_安卓多样化图层效果例子
2014-09-30 13:37:41 By: shinyuu
QQ聊天气泡的效果相信大家都觉得非常炫吧、那么今天我就分享一个小Demo、实现了该功能
Demo利用LinearLayout线性布局组合、外层为ScrollView来实现聊天气泡+别样布局(即在聊天气泡上方加上多元化图层---类似ListView效果)
实现了问答视图的创建、删除功能(详情请看工具类、点击问题视图可实现删除视图功能)
话不多说、先看一下运行的效果
创建热点视图代码
public void createHotView(String[] msgs, LinearLayout layout) { if (msgs.length > 0) { for (int i = 0; i < msgs.length; i++) { View view = inflater.inflate(R.layout .head_text_layout, null); TextView questionText = (TextView) view .findViewById(R.id.hot_text); questionText.setText(msgs[i]); layout.addView(view); } } else { return; } }创建提问视图代码
public void createQuestionView(String questionStr, final LinearLayout layout) { final View view = inflater.inflate( R.layout.chatting_item_msg_text_right, null); final TextView questionText = (TextView) view .findViewById(R.id.tv_chatcontent); questionText.setText(questionStr); // 为显示的问题视图添加点击事件 questionText.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { // TODO Auto-generated method stub removeView(layout, view);// 删除指定的View } }); layout.addView(view); }创建回答视图代码
public void createAnswerView(String answerStr, LinearLayout layout) { View view = inflater .inflate(R.layout.chatting_item_msg_text_left, null); TextView answerText = (TextView) view .findViewById(R.id.tv_chatcontent); answerText.setText(answerStr); layout.addView(view); }创建浏览器视图代码
public void createWebView(String url, LinearLayout layout) { View view = inflater.inflate(R.layout.webview_layout, null); WebView mWebView = (WebView) view.findViewById(R.id.middle_webview); mWebView.getSettings().setJavaScriptEnabled(true); mWebView.loadUrl(url); layout.addView(view); }好了、就说到这里、最后给大家献上源代码下载链接: http://dwtedx.com/download.html?bdkey=s/1o6p1AD8 密码: lj5r
若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力
想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号(ddblogs)
或者你也可以关注我的新浪微博、了解DD博客的最新动态:DD博客官方微博(dwtedx的微博)
如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教
为保证及时回复、可以使用博客留言板给我留言: DD博客留言板(dwtedx的留言板)
感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛