0

我有一个 listView，该行的一个组件是 TextView。默认情况下，我希望在 TextView 中只显示 2 行文本。但是，如果用户点击 TextView，我希望 textView 在上下文中展开。

我实际上有这部分工作，但我想要一个更多的内容指标：

在此处输入图像描述

我当前的实现（如下）有它自己的问题，如果列表视图滚动，它不会崩溃，但我将通过将每个游标记录的值存储在某个集合中来处理这个问题。

我尝试使用 chatBubble.getLineCount() 但最初返回零 b/c 它没有通过 onLayout （据我的理解）。

我只希望在内容超过 2 行时显示它。

我认为我的解决方案将创建我自己的 TextView 实现，它可以处理我的一些要求，但不确定是否有人有任何我可以查看的示例..（或其他建议）。

   <RelativeLayout
        android:id="@+id/linear_layout_row_three"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/linear_layout_row_two"
        android:layout_toRightOf="@+id/munzeeQuickContact"
        android:orientation="horizontal" >

        <TextView
            android:id="@+id/chat_bubble"
            android:clickable="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:maxLines="2"
            android:background="@drawable/chat_bubble"
            android:text="I went looking for this particular token on a rainy day, and I was unable to locate it due to the bad weather, next time please leave an um I went looking for this particular munzee on a rainy day, and I was unable to locate it due to the bad weather, next time please leave an um" />
        <ImageView 
            android:id="@+id/minimize_maximize"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignBottom="@id/chat_bubble"
            android:layout_alignRight="@id/chat_bubble"
            android:visibility="gone"
            android:src="@android:drawable/ic_menu_more"/>
    </RelativeLayout>

这是我目前拥有的一些来源：

final TextView chatBubble = (TextView) view.getTag(R.id.chat_bubble);
        final ViewGroup expandableContainer = (ViewGroup) view.getTag(R.id.linear_layout_row_three);
        final ImageView minimizeMaximize = (ImageView) view.getTag(R.id.minimize_maximize);
        chatBubble.setOnClickListener(

                new View.OnClickListener() {
                    boolean isExpanded = false;
                    int lastHeight = 0;
                    // This is for the auto expanding text view
                    @Override
                    public void onClick(View v) {
                        if (isExpanded) {
                            ViewGroup.LayoutParams params = (ViewGroup.LayoutParams) expandableContainer
                                    .getLayoutParams();

                            params.height = lastHeight;
                            chatBubble.setMaxLines(2);

                            expandableContainer.setLayoutParams(params);
                            expandableContainer.invalidate();
                            minimizeMaximize.setVisibility(View.VISIBLE);
                        } else {
                            lastHeight = expandableContainer.getHeight();

                            ViewGroup.LayoutParams params = (ViewGroup.LayoutParams) expandableContainer
                                    .getLayoutParams();

                            params.height = ViewGroup.LayoutParams.WRAP_CONTENT;
                            chatBubble.setMaxLines(99);

                            expandableContainer.setLayoutParams(params);
                            expandableContainer.invalidate();
                            minimizeMaximize.setVisibility(View.VISIBLE);
                        }

                        isExpanded = !isExpanded;

                    }
                });
4

1 回答 1

2

我认为我的解决方案将创建我自己的 TextView 实现，它可以处理我的一些要求，但不确定是否有人有任何我可以查看的示例。

看看下面的课程：

public class LimitedTextView extends TextView {

    private boolean mStatus;

    public LimitedTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        Paint p = getPaint();
        String s = getText().toString();
        if (s != null && !s.equals("")) {
            int m = (int) p.measureText(s);
            if (m < getMeasuredWidth() * 2) {
                modifyParent(true);
            } else {
                modifyParent(false);
            }
        }
    }

    private void modifyParent(boolean how) {
        RelativeLayout rl = (RelativeLayout) getParent();
        rl.findViewById(R.id.minimize_maximize).setVisibility(
                how ? View.GONE : View.VISIBLE);
        if (mStatus) {
            setMaxLines(40); // arbitrary number, set it as high as possible
        } else {
            setMaxLines(2);
        }
    }

    public void storeCurrentStatus(boolean status) {
        mStatus = status;
    }

}

将LimitedTextView使用自己的Paint对象测量其文本，并根据测量的宽度对其进行测试。如果它适合两个允许的行，它将隐藏ImageView，否则将显示它。它还存储行的当前状态（扩展/未扩展）并增加或减少最大行数以获得正确的外观。在getView适配器的方法中，您将：

  • 设置文本

  • 根据位置设置布尔数组的状态（这也是在滚动列表时保持行顺序所必需的）：

    textView.storeCurrentStatus(mStatus[position])

  • OnClickListener在自身上设置LimitedTextView并从那里更新状态：

    mStatus[(Integer) v.getTag()] = !mStatus[(Integer) v.getTag()];
notifyDataSetChanged();
  • 基于相同的mStatus布尔数组，您可能会更改 , 的可绘制对象ImageView，以根据是否TextView扩展显示不同的

我是手动写的，所以我现在可能会遗漏一些错误，把它当作一个想法。可以提高性能，LimitedTextView我也不知道如果你想动画扩展文本它会表现如何。

于 2012-12-29T15:07:46.457 回答