Code for barriers

Author: Erik Hellman

app/src/main/java/se/hellsoft/contraintlayoutworkshop/MainActivity.kt

@@ -2,11 +2,32 @@ package se.hellsoft.contraintlayoutworkshop
 
 import android.support.v7.app.AppCompatActivity
 import android.os.Bundle
+import android.text.Editable
+import android.text.TextWatcher
+import android.util.Log
+import kotlinx.android.synthetic.main.activity_main.*
 
 class MainActivity : AppCompatActivity() {
-
+ companion object {
+ private const val MAX_MESSAGE_LENGTH = 200
+ }
  override fun onCreate(savedInstanceState: Bundle?) {
  super.onCreate(savedInstanceState)
  setContentView(R.layout.activity_main)
+
+ progressBar.max = MAX_MESSAGE_LENGTH
+ messageInput.addTextChangedListener(object: TextWatcher {
+ override fun afterTextChanged(editable: Editable?) {
+ val text = editable?.toString() ?: ""
+ messagePreview.text = text
+ progressBar.progress = text.length
+ }
+
+ override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {
+ }
+
+ override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {
+ }
+ })
  }
 }

app/src/main/res/layout/activity_main.xml

@@ -6,4 +6,59 @@
  android:layout_height="match_parent"
  tools:context="se.hellsoft.contraintlayoutworkshop.MainActivity">
 
+ <TextView
+ android:id="@+id/messagePreview"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_marginStart="16dp"
+ android:layout_marginTop="16dp"
+ android:textAppearance="@style/TextAppearance.AppCompat.Small"
+ app:layout_constraintStart_toStartOf="parent"
+ app:layout_constraintTop_toTopOf="parent"
+ tools:text="Sample message" />
+
+ <Button
+ android:id="@+id/button"
+ style="@style/Widget.AppCompat.Button.Colored"
+ android:layout_width="wrap_content"
+ android:layout_height="wrap_content"
+ android:layout_marginStart="16dp"
+ android:layout_marginTop="8dp"
+ android:text="Submit message..."
+ app:layout_constraintStart_toStartOf="parent"
+ app:layout_constraintTop_toBottomOf="@+id/messagePreview" />
+
+ <ProgressBar
+ android:id="@+id/progressBar"
+ style="@style/Widget.AppCompat.ProgressBar.Horizontal"
+ android:layout_width="0dp"
+ android:layout_height="wrap_content"
+ android:layout_marginEnd="8dp"
+ android:layout_marginStart="16dp"
+ android:indeterminate="false"
+ android:max="100"
+ android:min="0"
+ android:progress="0"
+ app:layout_constraintBottom_toBottomOf="@+id/messagePreview"
+ app:layout_constraintEnd_toEndOf="parent"
+ app:layout_constraintStart_toEndOf="@+id/button"
+ app:layout_constraintTop_toTopOf="@+id/messagePreview" />
+
+ <EditText
+ android:id="@+id/messageInput"
+ android:layout_width="0dp"
+ android:layout_height="wrap_content"
+ android:layout_marginEnd="16dp"
+ android:layout_marginStart="16dp"
+ android:layout_marginTop="8dp"
+ android:ems="10"
+ android:gravity="top|start"
+ android:hint="Write your message here"
+ android:inputType="textMultiLine|textImeMultiLine|textLongMessage"
+ android:lines="5"
+ android:maxLength="200"
+ app:layout_constraintEnd_toEndOf="parent"
+ app:layout_constraintStart_toStartOf="parent"
+ app:layout_constraintTop_toBottomOf="@+id/button"
+ tools:text="Sample message" />
 </android.support.constraint.ConstraintLayout>