ScrollView不会在聊天应用程序中向下滚动我的消息。 Android的

时间:2018-04-20 12:58:45

标签: java android scrollview chat

嗨)我觉得我的问题不太好。好的,我会解释我的问题。我正在开发一个Android聊天应用程序。

这是我的xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:emojicon="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">

<TextView
    android:id="@+id/welcomeChat"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="5dp"
    android:text="Welcome to this chat"
    android:textAlignment="center"
    android:textColor="@color/textColor"
    android:textSize="20sp" />

<android.support.v4.widget.NestedScrollView
    android:id="@+id/scroll"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_above="@+id/messagePart"
    android:layout_below="@id/welcomeChat">

    <LinearLayout
        android:layout_gravity="bottom"
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:layout_marginTop="10dp"
        android:orientation="vertical">

    </LinearLayout>

</android.support.v4.widget.NestedScrollView>

<RelativeLayout
    android:id="@+id/messagePart"
    android:layout_width="match_parent"
    android:layout_height="40dp"
    android:layout_alignParentBottom="true"
    android:background="@color/white">

    <ImageView
        android:id="@+id/emoji_btn"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:padding="4dp"
        android:src="@drawable/smiley" />

    <ImageView
        android:id="@+id/submit_btn"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:padding="4dp"
        android:src="@android:drawable/ic_menu_send" />

    <hani.momanii.supernova_emoji_library.Helper.EmojiconEditText
        android:id="@+id/emojicon_edit_text"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_alignParentBottom="true"
        android:layout_alignTop="@+id/emoji_btn"
        android:layout_toLeftOf="@id/submit_btn"
        android:layout_toRightOf="@id/emoji_btn"
        android:background="@drawable/edittext_corner"
        android:paddingLeft="3dp"
        android:paddingRight="3dp"
        android:textColor="@color/black"
        android:textSize="20dp"
        emojicon:emojiconSize="28sp" />

</RelativeLayout>

我也试过ScrollView。不行。我的问题是,当我收到一些消息并且它没有屏幕时,我无法向下滚动它们。我不知道问题出在哪里。 ListView将解决我的问题,但我也需要发送图像。

1 个答案:

答案 0 :(得分:0)

免责声明:我是手工编写的,没有编译器,因此它可能不完美且随时可用,因此请参阅概念和示例/链接

解决方案是Recyclerview(或列表视图,如您所愿)。

您的问题更多的是您不知道如何使用单个列表显示文本或图像。

this可能是一个解决方案,但无论如何我都会在这里写下我个人的解释)

为此,您需要使用自定义适配器。您可以参考this link进行一些解释。

现在,在您的适配器中,您现在有两个选择:

使用textView和ImageView

创建item.xml文件

类似的东西:

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="3dp"
        android:layout_marginLeft="5dp"
        android:layout_marginRight="5dp"
        android:layout_marginTop="7dp"
        card_view:cardBackgroundColor="@color/white"
        card_view:cardElevation="2dp"
        card_view:contentPaddingBottom="5dp"
        card_view:contentPaddingLeft="5dp"
        card_view:contentPaddingRight="5dp"
        card_view:contentPaddingTop="5dp">


        <TextView
            android:id="@+id/tv"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:maxWidth="100dp"
            android:layout_marginEnd="45dp"
            android:layout_marginRight="45dp"
            android:text="@string/placeholder"
            android:textColor="@color/textGrey"
            android:textSize="18sp" />

        <ImageView
            android:id="@+id/iv"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_alignParentEnd="true"
            android:layout_alignParentRight="true"
            />
    </android.support.v7.widget.CardView>

</RelativeLayout>

现在,在适配器的初始化中(我在我的onBindViewHolder中执行此操作,因为我回收了我的视图),您可以像这样执行快速检查:

if(check for text){
  iv.setVisibility(View.GONE);
  tv.setVisibility(View.VISIBLE);
  tv.setText(the text);
} else if(check for image){
  tv.setVisibility(View.GONE);
  iv.setVisibility(View.VISIBLE);
  //set iv src as you prefer
}else{
  //dunno what else, maybe error
}

另一种选择是创建两个不同的xml:textMsg.xmlimgMsg.xml

现在您必须自定义getItemViewType

adapter
@Override
public int getItemViewType(int position) {
    if (isTextCheck) {
        return 1;
    } else {//it is img
        return 2;
    }
}

最后在onCreateViewHolder中,您可以为返回的view返回不同的viewType

 @NonNull
    @Override
    public InterventionActivityFieldViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        // ...
        View inflatedView = LayoutInflater.from(ctx)
                .inflate(viewType == 1 ? R.layout.textitem :R.layout.imgitem, parent, false);
        return new myViewHolder();
    }

this是一个可能的观看者示例。