layout from bottom up

This commit is contained in:
2021-03-10 20:18:22 +01:00
parent 0ba2505d3d
commit bb460a18d0
2 changed files with 218 additions and 243 deletions
+193 -219
View File
@@ -1,251 +1,225 @@
<?xml version="1.0" encoding="utf-8"?> <?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools" xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent" android:layout_width="match_parent"
android:layout_height="match_parent" android:layout_height="match_parent"
android:paddingStart="60dp"
android:paddingEnd="16dp"
android:layout_alignParentBottom="true"
tools:context=".MainActivity"> tools:context=".MainActivity">
<ImageView
android:id="@+id/image2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="284dp"
android:layout_marginTop="380dp"
android:padding="5dp"
android:src="@mipmap/baseline_arrow_drop_down_black_24"
android:background="?attr/selectableItemBackgroundBorderless"
android:clickable="true"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
android:focusable="true" />
<EditText
android:id="@+id/editAtt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="72dp"
android:layout_marginTop="468dp"
android:ems="10"
android:inputType="number"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<de.joel.zoomhelper.InstantAutoComplete
android:id="@+id/textBoxName"
android:layout_width="215dp"
android:layout_height="39dp"
android:layout_marginStart="72dp"
android:layout_marginTop="380dp"
android:inputType="text"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/textName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="72dp"
android:layout_marginTop="360dp"
android:text="@string/DisplayName"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/textAtt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="72dp"
android:layout_marginTop="448dp"
android:text="@string/AttendeesInput"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<Button
android:id="@+id/btnJoin"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="120dp"
android:layout_marginTop="556dp"
android:onClick="btnJoin_onClick"
android:text="@string/Join"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.561"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<Button
android:id="@+id/btnSave"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="50dp"
android:layout_marginTop="556dp"
android:onClick="btnSave_onClick"
android:text="@string/Save"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.02"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<com.google.android.material.textfield.TextInputLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="72dp"
android:layout_marginTop="272dp"
android:background="@android:color/transparent"
app:boxBackgroundColor="@android:color/transparent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:passwordToggleDrawable="@drawable/show_password_selector"
app:passwordToggleEnabled="true">
<EditText
android:id="@+id/editTextTextPassword2"
android:layout_width="212dp"
android:layout_height="wrap_content"
android:ems="10"
android:inputType="textPassword"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</com.google.android.material.textfield.TextInputLayout>
<EditText
android:id="@+id/textBoxID"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="72dp"
android:layout_marginTop="192dp"
android:ems="10"
android:inputType="text"
android:focusable="true"
android:focusableInTouchMode="true"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/textID"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="72dp"
android:layout_marginTop="172dp"
android:text="@string/MeetingID"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/textPW"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="72dp"
android:layout_marginTop="253dp"
android:text="@string/Password"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView <TextView
android:id="@+id/textMeetingName" android:id="@+id/textMeetingName"
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginStart="72dp" android:layout_marginTop="70dp"
android:layout_marginTop="48dp" android:layout_above="@+id/TextMeetingName"
android:text="@string/MeetingName" android:text="@string/MeetingName" />
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<de.joel.zoomhelper.InstantAutoComplete <de.joel.zoomhelper.InstantAutoComplete
android:id="@+id/TextMeetingName" android:id="@+id/TextMeetingName"
android:layout_width="215dp" android:layout_width="215dp"
android:layout_height="39dp" android:layout_height="39dp"
android:layout_marginStart="72dp" android:layout_above="@+id/textName"
android:layout_marginTop="67dp" android:inputType="text" />
android:inputType="text"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<ImageView <ImageView
android:id="@+id/image" android:id="@+id/image"
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginStart="284dp" android:layout_alignTop="@+id/TextMeetingName"
android:layout_marginTop="67dp" android:layout_toEndOf="@+id/TextMeetingName"
android:background="?attr/selectableItemBackgroundBorderless"
android:clickable="true"
android:focusable="true"
android:padding="5dp" android:padding="5dp"
android:src="@mipmap/baseline_arrow_drop_down_black_24" android:src="@mipmap/baseline_arrow_drop_down_black_24" />
android:background="?attr/selectableItemBackgroundBorderless"
android:clickable="true"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
android:focusable="true" />
<ImageView
android:id="@+id/imageAttend"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="282dp"
android:layout_marginTop="128dp"
android:background="?attr/selectableItemBackgroundBorderless"
android:clickable="true"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/iconfinder_phone_7124181_32"
android:tooltipText="@string/joinTooltip"
android:focusable="true" />
<ImageView
android:id="@+id/imageTrash"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="140dp"
android:layout_marginTop="128dp"
android:background="?attr/selectableItemBackgroundBorderless"
android:clickable="true"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/iconfinder_trash_7124159_32"
android:tooltipText="@string/deleteTooltip"
android:focusable="true" />
<ImageView
android:id="@+id/imageSave"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="188dp"
android:layout_marginTop="128dp"
android:background="?attr/selectableItemBackgroundBorderless"
android:clickable="true"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/iconfinder_save_7124134_32"
android:tooltipText="@string/saveTooltip"
android:focusable="true" />
<ImageView
android:id="@+id/imageShare"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="236dp"
android:layout_marginTop="128dp"
android:background="?attr/selectableItemBackgroundBorderless"
android:clickable="true"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/iconfinder_share_7124186_32"
android:tooltipText="@string/shareTooltip"
android:focusable="true" />
<ImageView <ImageView
android:id="@+id/imageAdd" android:id="@+id/imageAdd"
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginStart="92dp" android:layout_marginStart="30dp"
android:layout_marginTop="128dp" android:layout_marginTop="30dp"
android:layout_below="@+id/editAtt"
android:background="?attr/selectableItemBackgroundBorderless" android:background="?attr/selectableItemBackgroundBorderless"
android:clickable="true" android:clickable="true"
app:layout_constraintStart_toStartOf="parent" android:focusable="true"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/iconfinder_pluscircle_7124019_32"
android:tooltipText="@string/addTooltip" android:tooltipText="@string/addTooltip"
android:focusable="true" /> app:srcCompat="@drawable/iconfinder_pluscircle_7124019_32" />
</androidx.constraintlayout.widget.ConstraintLayout> <ImageView
android:id="@+id/imageTrash"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toEndOf="@+id/imageAdd"
android:layout_alignTop="@+id/imageAdd"
android:layout_marginStart="15dp"
android:background="?attr/selectableItemBackgroundBorderless"
android:clickable="true"
android:focusable="true"
android:tooltipText="@string/deleteTooltip"
app:srcCompat="@drawable/iconfinder_trash_7124159_32" />
<ImageView
android:id="@+id/imageSave"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toEndOf="@+id/imageTrash"
android:layout_alignTop="@+id/imageAdd"
android:layout_marginStart="15dp"
android:background="?attr/selectableItemBackgroundBorderless"
android:clickable="true"
android:focusable="true"
android:tooltipText="@string/saveTooltip"
app:srcCompat="@drawable/iconfinder_save_7124134_32" />
<ImageView
android:id="@+id/imageShare"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toEndOf="@+id/imageSave"
android:layout_alignTop="@+id/imageAdd"
android:layout_marginStart="15dp"
android:background="?attr/selectableItemBackgroundBorderless"
android:clickable="true"
android:focusable="true"
android:tooltipText="@string/shareTooltip"
app:srcCompat="@drawable/iconfinder_share_7124186_32" />
<ImageView
android:id="@+id/imageAttend"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_toEndOf="@+id/imageShare"
android:layout_alignTop="@+id/imageAdd"
android:layout_marginStart="15dp"
android:background="?attr/selectableItemBackgroundBorderless"
android:clickable="true"
android:focusable="true"
android:tooltipText="@string/joinTooltip"
app:srcCompat="@drawable/iconfinder_phone_7124181_32" />
<TextView
android:id="@+id/textID"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="100dp"
android:layout_above="@+id/textBoxID"
android:text="@string/MeetingID"
/>
<EditText
android:id="@+id/textBoxID"
android:layout_width="215dp"
android:layout_height="39dp"
android:layout_above="@+id/textPW"
android:focusable="true"
android:focusableInTouchMode="true"
android:inputType="text"
/>
<TextView
android:id="@+id/textPW"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/layoutPW"
android:layout_marginTop="22dp"
android:text="@string/Password"
/>
<com.google.android.material.textfield.TextInputLayout
android:id="@+id/layoutPW"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/textMeetingName"
android:background="@android:color/transparent"
app:boxBackgroundColor="@android:color/transparent"
app:passwordToggleDrawable="@drawable/show_password_selector"
app:passwordToggleEnabled="true">
<EditText
android:id="@+id/editTextTextPassword2"
android:layout_width="215dp"
android:layout_height="39dp"
android:inputType="textPassword"
/>
</com.google.android.material.textfield.TextInputLayout>
<TextView
android:id="@+id/textName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/textBoxName"
android:layout_marginTop="22dp"
android:text="@string/DisplayName"
/>
<de.joel.zoomhelper.InstantAutoComplete
android:id="@+id/textBoxName"
android:layout_width="215dp"
android:layout_height="39dp"
android:layout_above="@+id/textAtt"
android:inputType="text"
/>
<ImageView
android:id="@+id/image2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="@+id/textBoxName"
android:layout_toEndOf="@+id/textBoxName"
android:background="?attr/selectableItemBackgroundBorderless"
android:clickable="true"
android:focusable="true"
android:padding="5dp"
android:src="@mipmap/baseline_arrow_drop_down_black_24"
/>
<TextView
android:id="@+id/textAtt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@+id/editAtt"
android:layout_marginTop="22dp"
android:text="@string/AttendeesInput"
/>
<EditText
android:id="@+id/editAtt"
android:layout_width="215dp"
android:layout_height="39dp"
android:layout_above="@+id/btnSave"
android:inputType="number"
/>
<Button
android:id="@+id/btnSave"
android:layout_alignParentBottom= "true"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="80dp"
android:layout_marginBottom="40dp"
android:onClick="btnSave_onClick"
android:text="@string/Save"
/>
<Button
android:id="@+id/btnJoin"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="@+id/btnSave"
android:layout_toEndOf="@+id/btnSave"
android:layout_marginStart="22dp"
android:onClick="btnJoin_onClick"
android:text="@string/Join" />
</RelativeLayout>
+25 -24
View File
@@ -6,20 +6,22 @@
android:layout_height="match_parent" android:layout_height="match_parent"
android:paddingStart="60dp" android:paddingStart="60dp"
android:paddingEnd="16dp" android:paddingEnd="16dp"
android:layout_alignParentBottom="true"
tools:context=".MainActivity"> tools:context=".MainActivity">
<TextView <TextView
android:id="@+id/textMeetingName" android:id="@+id/textMeetingName"
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_marginTop="48dp" android:layout_marginTop="70dp"
android:layout_above="@+id/TextMeetingName"
android:text="@string/MeetingName" /> android:text="@string/MeetingName" />
<de.joel.zoomhelper.InstantAutoComplete <de.joel.zoomhelper.InstantAutoComplete
android:id="@+id/TextMeetingName" android:id="@+id/TextMeetingName"
android:layout_width="215dp" android:layout_width="215dp"
android:layout_height="39dp" android:layout_height="39dp"
android:layout_below="@+id/textMeetingName" android:layout_above="@+id/textName"
android:inputType="text" /> android:inputType="text" />
<ImageView <ImageView
@@ -39,9 +41,9 @@
android:id="@+id/imageAdd" android:id="@+id/imageAdd"
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_below="@+id/TextMeetingName"
android:layout_marginStart="30dp" android:layout_marginStart="30dp"
android:layout_marginTop="22dp" android:layout_marginTop="30dp"
android:layout_below="@+id/editAtt"
android:background="?attr/selectableItemBackgroundBorderless" android:background="?attr/selectableItemBackgroundBorderless"
android:clickable="true" android:clickable="true"
android:focusable="true" android:focusable="true"
@@ -52,7 +54,6 @@
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_toEndOf="@+id/imageAdd" android:layout_toEndOf="@+id/imageAdd"
android:layout_below="@+id/TextMeetingName"
android:layout_alignTop="@+id/imageAdd" android:layout_alignTop="@+id/imageAdd"
android:layout_marginStart="15dp" android:layout_marginStart="15dp"
android:background="?attr/selectableItemBackgroundBorderless" android:background="?attr/selectableItemBackgroundBorderless"
@@ -65,7 +66,6 @@
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_toEndOf="@+id/imageTrash" android:layout_toEndOf="@+id/imageTrash"
android:layout_below="@+id/TextMeetingName"
android:layout_alignTop="@+id/imageAdd" android:layout_alignTop="@+id/imageAdd"
android:layout_marginStart="15dp" android:layout_marginStart="15dp"
android:background="?attr/selectableItemBackgroundBorderless" android:background="?attr/selectableItemBackgroundBorderless"
@@ -78,7 +78,6 @@
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_toEndOf="@+id/imageSave" android:layout_toEndOf="@+id/imageSave"
android:layout_below="@+id/TextMeetingName"
android:layout_alignTop="@+id/imageAdd" android:layout_alignTop="@+id/imageAdd"
android:layout_marginStart="15dp" android:layout_marginStart="15dp"
android:background="?attr/selectableItemBackgroundBorderless" android:background="?attr/selectableItemBackgroundBorderless"
@@ -91,7 +90,6 @@
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_toEndOf="@+id/imageShare" android:layout_toEndOf="@+id/imageShare"
android:layout_below="@+id/TextMeetingName"
android:layout_alignTop="@+id/imageAdd" android:layout_alignTop="@+id/imageAdd"
android:layout_marginStart="15dp" android:layout_marginStart="15dp"
android:background="?attr/selectableItemBackgroundBorderless" android:background="?attr/selectableItemBackgroundBorderless"
@@ -103,8 +101,8 @@
android:id="@+id/textID" android:id="@+id/textID"
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_below="@+id/imageAdd" android:layout_marginTop="100dp"
android:layout_marginTop="22dp" android:layout_above="@+id/textBoxID"
android:text="@string/MeetingID" android:text="@string/MeetingID"
/> />
@@ -112,26 +110,26 @@
android:id="@+id/textBoxID" android:id="@+id/textBoxID"
android:layout_width="215dp" android:layout_width="215dp"
android:layout_height="39dp" android:layout_height="39dp"
android:layout_below="@+id/textID" android:layout_above="@+id/textPW"
android:focusable="true" android:focusable="true"
android:focusableInTouchMode="true" android:focusableInTouchMode="true"
android:inputType="text" android:inputType="text"
/> />
<TextView <TextView
android:id="@+id/textPW" android:id="@+id/textPW"
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_below="@+id/textBoxID" android:layout_above="@+id/layoutPW"
android:layout_marginTop="22dp" android:layout_marginTop="22dp"
android:text="@string/Password" android:text="@string/Password"
/> />
<com.google.android.material.textfield.TextInputLayout <com.google.android.material.textfield.TextInputLayout
android:id="@+id/layoutPW" android:id="@+id/layoutPW"
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_below="@+id/textPW" android:layout_above="@+id/textMeetingName"
android:background="@android:color/transparent" android:background="@android:color/transparent"
app:boxBackgroundColor="@android:color/transparent" app:boxBackgroundColor="@android:color/transparent"
app:passwordToggleDrawable="@drawable/show_password_selector" app:passwordToggleDrawable="@drawable/show_password_selector"
@@ -142,7 +140,7 @@
android:layout_width="215dp" android:layout_width="215dp"
android:layout_height="39dp" android:layout_height="39dp"
android:inputType="textPassword" android:inputType="textPassword"
/> />
</com.google.android.material.textfield.TextInputLayout> </com.google.android.material.textfield.TextInputLayout>
@@ -150,17 +148,17 @@
android:id="@+id/textName" android:id="@+id/textName"
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_below="@+id/layoutPW" android:layout_above="@+id/textBoxName"
android:layout_marginTop="22dp" android:layout_marginTop="22dp"
android:text="@string/DisplayName" android:text="@string/DisplayName"
/> />
<de.joel.zoomhelper.InstantAutoComplete <de.joel.zoomhelper.InstantAutoComplete
android:id="@+id/textBoxName" android:id="@+id/textBoxName"
android:layout_width="215dp" android:layout_width="215dp"
android:layout_height="39dp" android:layout_height="39dp"
android:layout_below="@+id/textName" android:layout_above="@+id/textAtt"
android:inputType="text" android:inputType="text"
/> />
@@ -181,7 +179,7 @@
android:id="@+id/textAtt" android:id="@+id/textAtt"
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_below="@+id/textBoxName" android:layout_above="@+id/editAtt"
android:layout_marginTop="22dp" android:layout_marginTop="22dp"
android:text="@string/AttendeesInput" android:text="@string/AttendeesInput"
/> />
@@ -190,17 +188,19 @@
android:id="@+id/editAtt" android:id="@+id/editAtt"
android:layout_width="215dp" android:layout_width="215dp"
android:layout_height="39dp" android:layout_height="39dp"
android:layout_below="@+id/textAtt" android:layout_above="@+id/btnSave"
android:inputType="number" android:inputType="number"
/> />
<Button <Button
android:id="@+id/btnSave" android:id="@+id/btnSave"
android:layout_alignParentBottom= "true"
android:layout_width="wrap_content" android:layout_width="wrap_content"
android:layout_height="wrap_content" android:layout_height="wrap_content"
android:layout_below="@+id/editAtt" android:layout_marginTop="80dp"
android:layout_marginTop="50dp" android:layout_marginBottom="40dp"
android:onClick="btnSave_onClick" android:onClick="btnSave_onClick"
android:text="@string/Save" android:text="@string/Save"
/> />
@@ -212,6 +212,7 @@
android:layout_alignTop="@+id/btnSave" android:layout_alignTop="@+id/btnSave"
android:layout_toEndOf="@+id/btnSave" android:layout_toEndOf="@+id/btnSave"
android:layout_marginStart="22dp" android:layout_marginStart="22dp"
android:onClick="btnJoin_onClick" android:onClick="btnJoin_onClick"
android:text="@string/Join" /> android:text="@string/Join" />