android - GridView：使用 RecyclerView 或带有可点击字词的简单 TextView

Question

那么，有人知道如何创建以下网格吗？我需要为每个单词设置可点击事件：

如果四个字不适合一行，则应在一行中显示三个：

如果它将超过一行 n 个单词，则应在一行中显示 n 个单词。有没有人知道如何实现这个？

Answer 1

您可以使用 SpannableString 和 ClickableSpan。例如，此 Activity 使用您的文本创建 TextView 并管理每个单词的点击：

public class MainActivity extends AppCompatActivity {

    Activity activity;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        activity = this;
        TextView textView = (TextView) findViewById(R.id.textView);

        String text = "up down Antidisestablishment over took dropped lighten with from throught fell on up down Antidisestablishment over took dropped lighten with from throught fell on";

        String[] textArray = text.split(" ");

        SpannableString ss = new SpannableString(text);

        int start = 0;
        int end = 0;

        for(final String item : textArray){

            end = start + item.length();
            ClickableSpan clickableSpan = new ClickableSpan() {

                @Override
                public void onClick(View textView) {
                    Toast.makeText(activity, "Say " + item+ "!", Toast.LENGTH_SHORT).show();
                }
                @Override
                public void updateDrawState(TextPaint ds) {
                    super.updateDrawState(ds);
                    ds.setUnderlineText(false);
                }
            };
            ss.setSpan(clickableSpan, start, end, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
            start += item.length()+1;
        }
        textView.setText(ss);
        textView.setMovementMethod(LinkMovementMethod.getInstance());
        textView.setHighlightColor(Color.TRANSPARENT);

    }
}

这是activity_main.xml：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity"
    android:padding="5dp">

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="24sp"
        android:textColor="#000000"
        android:textColorLink="#000000"/>

</LinearLayout>

如果您单击任何单词，则会弹出该单词

编辑：为了证明文本使用库android-justifiedtextview

但不是 gradle 的库，有不支持的旧版本SpannableString。JustifyTextView我建议将类从 git复制到您的项目中。然后，您可以按照自己的方式使用此视图.xml：

<com.yourdomain.yourproject.JustifyTextView
  android:id="@+id/textView"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:textSize="24sp"
  android:textColor="#000000"
  android:textColorLink="#000000"/>

这是我从这个库中得到的：

您还可以修改库以保持最后一行不合理。文本中的每个单词仍然是可点击的。

Answer 2

如果您必须添加的项目数量很少，请考虑使用FlowLayout。它扩展了一个 LinearLayout，所以只需将它包装在一个ScrollView中，动态地将你的视图添加到它，你应该很高兴。