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的留言板)

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛


快速评论


技术评论

  • 该技术还没有评论、赶快抢沙发吧...
DD记账
top
+