现在的位置: 首页 > 综合 > 正文

TextView使用SpannableString设置复合文本 + android弹出窗口的实现（PopupWindow）

2013年10月23日 ⁄ 综合 ⁄ 共 6849字 ⁄ 字号 小 中 大 ⁄ 评论关闭
TextView通常用来显示普通文本，但是有时候需要对其中某些文本进行样式、事件方面的设置。android系统通过SpannableString类来对指定文本进行相关处理，具体有以下功能：

1、BackgroundColorSpan 背景色
2、ClickableSpan 文本可点击，有点击事件
3、ForegroundColorSpan文本颜色（前景色）
4、MaskFilterSpan 修饰效果，如模糊(BlurMaskFilter)、浮雕(EmbossMaskFilter)
5、RasterizerSpan 光栅效果
6、StrikethroughSpan删除线（中划线）
7、UnderlineSpan 下划线
8、AbsoluteSizeSpan 绝对大小（文本字体）
9、DynamicDrawableSpan设置图片，基于文本基线或底部对齐。
10、ImageSpan 图片
11、RelativeSizeSpan 相对大小（文本字体）
12、ScaleXSpan 基于x轴缩放
13、StyleSpan 字体样式：粗体、斜体等
14、SubscriptSpan 下标（数学公式会用到）
15、SuperscriptSpan 上标（数学公式会用到）
16、TextAppearanceSpan文本外貌（包括字体、大小、样式和颜色）
17、TypefaceSpan 文本字体
18、URLSpan 文本超链接

看一下效果图：

最后，上代码:

本帖隐藏的内容

RichText.zip(680.4
KB, 下载次数: 31)

最近看到新浪微博顶部栏的微博分组效果很炫，从网上查了一些资料明白原来是用PopupWindow实现的，今天自己也写了一个例子实现了这种效果，希望对大家有帮助。         PopupWindow就是弹出窗口的意思，类似windows下面的开始按钮。PopupWindow可以实现浮层效果，而且可以自定义显示位置，出现和退出时的动画.            首先定义新浪微博的顶部栏,title_two_button.xml和main.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="fill_parent"
  4. android:layout_height="wrap_content" >
  6. <TextView
  7. android:id="@+id/tvtitle"
  8. android:layout_width="fill_parent"
  9. android:layout_height="45dip"
  10. android:background="@drawable/search_bg"
  11. android:gravity="center"
  12. android:text="天堂没有路"
  13. android:textColor="@color/black"
  14. android:textSize="25dip" />
  16. <Button
  17. android:id="@+id/btn_title_left"
  18. android:layout_width="50dip"
  19. android:layout_height="35dip"
  20. android:layout_gravity="center_vertical"
  21. android:background="@drawable/title_button"
  22. android:textColor="@color/white" />
  24. <Button
  25. android:id="@+id/btn_title_right"
  26. android:layout_width="50dip"
  27. android:layout_height="35dip"
  28. android:layout_gravity="right"
  29. android:layout_marginRight="2dip"
  30. android:layout_marginTop="4dip"
  31. android:background="@drawable/title_button2"
  32. android:textColor="@color/white" />
  34. </FrameLayout>

复制代码

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="fill_parent"
  4. android:layout_height="fill_parent"
  5. android:background="@android:color/white"
  6. android:orientation="vertical" >
  8. <include
  9. android:id="@+id/top_title"
  10. layout="@layout/title_two_button" />
  12. </LinearLayout>

复制代码

主要是为了实现一个这样的界面：

接下来定义弹出对话框的布局文件group_list.xml和group_item_view.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="fill_parent"
  4. android:layout_height="fill_parent"
  5. android:background="@drawable/group_bg"
  6. android:orientation="vertical"
  7. >
  10. <ImageView
  11. android:id="@+id/iv_group_list_bg_divider"
  12. android:layout_width="fill_parent"
  13. android:layout_height="wrap_content"
  14. android:background="@drawable/group_divider"
  15. />
  17. <ListView
  18. android:id="@+id/lvGroup"
  19. android:layout_width="fill_parent"
  20. android:layout_height="fill_parent"
  21. android:divider="@drawable/group_divider"
  22. />
  24. </LinearLayout>

复制代码

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="fill_parent"
  4. android:layout_height="@dimen/group_item_height"
  5. android:orientation="vertical" >
  7. <TextView
  8. android:id="@+id/groupItem"
  9. android:textColor="#ffffff"
  10. android:textSize="18dp"
  11. android:layout_width="fill_parent"
  12. android:layout_height="fill_parent"
  13. android:gravity="center" />
  15. </LinearLayout>

复制代码

自定义一个适配器：GroupAdapter

  1. import java.util.List;
  3. import cn.com.karl.popwindow.R;
  6. import android.content.Context;
  7. import android.graphics.Color;
  8. import android.view.LayoutInflater;
  9. import android.view.View;
  10. import android.view.ViewGroup;
  11. import android.widget.BaseAdapter;
  12. import android.widget.TextView;
  14. public class GroupAdapter extends BaseAdapter {
  16. private Context context;
  18. private List<String> list;
  20. public GroupAdapter(Context context, List<String> list) {
  22. this.context = context;
  23. this.list = list;
  25. }
  27. @Override
  28. public int getCount() {
  29. return list.size();
  30. }
  32. @Override
  33. public Object getItem(int position) {
  35. return list.get(position);
  36. }
  38. @Override
  39. public long getItemId(int position) {
  40. return position;
  41. }
  43. @Override
  44. public View getView(int position, View convertView, ViewGroup viewGroup) {
  47. ViewHolder holder;
  48. if (convertView==null) {
  49. convertView=LayoutInflater.from(context).inflate(R.layout.group_item_view, null);
  50. holder=new ViewHolder();
  52. convertView.setTag(holder);
  54. holder.groupItem=(TextView) convertView.findViewById(R.id.groupItem);
  56. }
  57. else{
  58. holder=(ViewHolder) convertView.getTag();
  59. }
  60. holder.groupItem.setTextColor(Color.BLACK);
  61. holder.groupItem.setText(list.get(position));
  63. return convertView;
  64. }
  66. static class ViewHolder {
  67. TextView groupItem;
  68. }
  70. }

复制代码

最后是我要实现弹出对话框的核心类PoupWindowDemoActivity

  1. import java.util.ArrayList;
  2. import java.util.List;
  5. import cn.com.karl.adapter.GroupAdapter;
  7. import android.app.Activity;
  8. import android.content.Context;
  9. import android.graphics.drawable.BitmapDrawable;
  10. import android.os.Bundle;
  11. import android.util.Log;
  12. import android.view.LayoutInflater;
  13. import android.view.View;
  14. import android.view.Window;
  15. import android.view.WindowManager;
  16. import android.widget.AdapterView;
  17. import android.widget.AdapterView.OnItemClickListener;
  18. import android.widget.ListView;
  19. import android.widget.PopupWindow;
  20. import android.widget.TextView;
  21. import android.widget.Toast;
  23. public class PoupWindowDemoActivity extends Activity {
  25. private PopupWindow popupWindow;
  27. private ListView lv_group;
  29. private View view;
  31. private View top_title;
  33. private TextView tvtitle;
  35. private List<String> groups;
  37. public void onCreate(Bundle savedInstanceState) {
  38. super.onCreate(savedInstanceState);
  39. this.requestWindowFeature(Window.FEATURE_NO_TITLE);
  40. setContentView(R.layout.main);
  42. top_title = this.findViewById(R.id.top_title);
  44. tvtitle = (TextView) top_title.findViewById(R.id.tvtitle);
  46. tvtitle.setText("天堂没有路");
  48. tvtitle.setOnClickListener(new View.OnClickListener() {
  50. @Override
  51. public void onClick(View v) {
  52. showWindow(v);
  53. }
  54. });
  56. }
  59. private void showWindow(View parent) {
  61. if (popupWindow == null) {
  62. LayoutInflater layoutInflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);
  64. view = layoutInflater.inflate(R.layout.group_list, null);
  66. lv_group = (ListView) view.findViewById(R.id.lvGroup);
  67. // 加载数据
  68. groups = new ArrayList<String>();
  69. groups.add("全部");
  70. groups.add("我的微博");
  71. groups.add("好友");
  72. groups.add("亲人");
  73. groups.add("同学");
  74. groups.add("朋友");
  75. groups.add("陌生人");
  77. GroupAdapter groupAdapter = new GroupAdapter(this, groups);
  78. lv_group.setAdapter(groupAdapter);
  79. // 创建一个PopuWidow对象
  80. popupWindow = new PopupWindow(view, 300, 350);
  81. }
  83. // 使其聚集
  84. popupWindow.setFocusable(true);
  85. // 设置允许在外点击消失
  86. popupWindow.setOutsideTouchable(true);
  88. // 这个是为了点击“返回Back”也能使其消失，并且并不会影响你的背景
  89. popupWindow.setBackgroundDrawable(new BitmapDrawable());
  90. WindowManager windowManager = (WindowManager) getSystemService(Context.WINDOW_SERVICE);
  91. // 显示的位置为:屏幕的宽度的一半-PopupWindow的高度的一半
  92. int xPos = windowManager.getDefaultDisplay().getWidth() / 2
  93. - popupWindow.getWidth() / 2;
  94. Log.i("coder", "xPos:" + xPos);
  96. popupWindow.showAsDropDown(parent, xPos, 0);
  98. lv_group.setOnItemClickListener(new OnItemClickListener() {
  100. @Override
  101. public void onItemClick(AdapterView<?> adapterView, View view,
  102. int position, long id) {
  104. Toast.makeText(PoupWindowDemoActivity.this,
  105. groups.get(position), 1000)
  106. .show();
  108. if (popupWindow != null) {
  109. popupWindow.dismiss();
  110. }
  111. }
  112. });
  113. }
  114. }

复制代码

这样就完成了一个弹出对话框的效果，下面来看一下吧！


再看一张新浪微博的弹出对话框效果：

已经完成，我们可以把这项功能加入自己的做的新浪微博里，为自己的应用增添点特色色彩吧！


返回
【上篇】
【下篇】

作者:

抱歉!评论已关闭.

返回首页

Copyright © 2013-2018 学步园  保留所有权利.
软文销售 QQ客服：2265327166 点击这里给我发消息（其他合作也可洽谈）
必威体育
必威电竞