Better UI for chatbot

joelcuy · joelcuy · commit f49f3c697b70 · 2021-12-28T11:32:21.000+08:00
diff --git a/app/src/main/java/com/example/nobulijava/activity/UserChatBotActivity.java b/app/src/main/java/com/example/nobulijava/activity/UserChatBotActivity.java
@@ -35,11 +35,12 @@
 public class UserChatBotActivity extends AppCompatActivity implements BotReply {
 
     RecyclerView chatView;
-    MessageAdapter messageAdapter;
-    List<MessageObj> messageList = new ArrayList<>();
     EditText editMessage;
     ImageButton btnSend;
 
+    MessageAdapter messageAdapter;
+    List<MessageObj> messageList = new ArrayList<>();
+
     //dialogFlow
     private SessionsClient sessionsClient;
     private SessionName sessionName;
@@ -53,8 +54,6 @@ protected void onCreate(Bundle savedInstanceState) {
 
         getSupportActionBar().setTitle("Nobuli Chatbot");
 
-//        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
-
         chatView = findViewById(R.id.chatRecyclerView);
         editMessage = findViewById(R.id.messageBoxEditText);
         btnSend = findViewById(R.id.sendButton);
@@ -82,18 +81,6 @@ public void onClick(View view) {
         setUpBot();
     }
 
-//    @Override
-//    public boolean onOptionsItemSelected(MenuItem item) {
-//        switch (item.getItemId()) {
-//            case android.R.id.home:
-//                NavUtils.navigateUpFromSameTask(this);
-//                return true;
-//            default:
-//                return super.onOptionsItemSelected(item);
-//        }
-//    }
-
-
     private void setUpBot() {
         try {
             InputStream stream = this.getResources().openRawResource(R.raw.credential);
@@ -126,7 +113,6 @@ public void callback(DetectIntentResponse returnResponse) {
             if (!botReply.isEmpty()) {
                 messageList.add(new MessageObj(botReply, true));
                 messageAdapter.notifyDataSetChanged();
-                System.out.println("fuck");
                 Objects.requireNonNull(chatView.getLayoutManager()).scrollToPosition(messageList.size() - 1);
             } else {
                 Toast.makeText(this, "something went wrong", Toast.LENGTH_SHORT).show();
diff --git a/app/src/main/res/layout/template_message.xml b/app/src/main/res/layout/template_message.xml
@@ -3,29 +3,35 @@
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:orientation="vertical"
-    android:padding="10dp">
+    android:paddingTop="5dp"
+    android:paddingBottom="5dp"
+    android:paddingStart="10dp"
+    android:paddingEnd="10dp">
 
     <TextView
         android:id="@+id/sendMessageTextView"
-        android:layout_width="match_parent"
+        android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_marginStart="30dp"
+        android:layout_gravity="end"
         android:layout_marginBottom="5dp"
         android:background="@drawable/bg_message_send"
+        android:maxWidth="320dp"
+        android:text="Hi, this is a sample message."
         android:minHeight="50dp"
-        android:padding="5dp"
+        android:padding="10dp"
         android:textColor="@android:color/white"
         android:textSize="20sp" />
 
     <TextView
         android:id="@+id/receiveMessageTextView"
-        android:layout_width="match_parent"
+        android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        android:layout_marginEnd="30dp"
-        android:layout_marginBottom="5dp"
+        android:layout_gravity="start"
+        android:text="Hi, this is a sample reply."
         android:background="@drawable/bg_message_receive"
+        android:maxWidth="320dp"
         android:minHeight="50dp"
-        android:padding="5dp"
+        android:padding="10dp"
         android:textColor="@android:color/black"
         android:textSize="20sp">
 
