Forráskód Böngészése

changed input fields to material design

Noah 4 éve
szülő
commit
4383a67272

+ 1 - 0
.gitignore

@@ -1,4 +1,5 @@
 *.iml
+/.idea
 .gradle
 /local.properties
 /.idea/caches

+ 3 - 3
app/src/main/java/com/noahvogt/miniprojekt/MainActivity.java

@@ -89,9 +89,9 @@ public class MainActivity extends AppCompatActivity {
     public void createNewEmailDialog(){
         dialogBuilder = new AlertDialog.Builder(this);
         final View emailPopupView = getLayoutInflater().inflate(R.layout.popup, null);
-        newemail_name = (EditText) emailPopupView.findViewById(R.id.newemailpopup_name);
-        newemail_email = (EditText) emailPopupView.findViewById(R.id.newemailpopup_email);
-        newemail_password = (EditText) emailPopupView.findViewById(R.id.newemailpopup_password);
+        newemail_name = (EditText) emailPopupView.findViewById(R.id.popup_material_name_asking_text);
+        newemail_email = (EditText) emailPopupView.findViewById(R.id.popup_material_email_asking_text);
+        newemail_password = (EditText) emailPopupView.findViewById(R.id.popup_material_password_asking_text);
 
         newemail_save_button = (Button) emailPopupView.findViewById(R.id.saveButton);
         newemail_cancel_button = (Button) emailPopupView.findViewById(R.id.cancelButton);

+ 10 - 0
app/src/main/res/drawable/ic_lock.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M18,8h-1L17,6c0,-2.76 -2.24,-5 -5,-5S7,3.24 7,6v2L6,8c-1.1,0 -2,0.9 -2,2v10c0,1.1 0.9,2 2,2h12c1.1,0 2,-0.9 2,-2L20,10c0,-1.1 -0.9,-2 -2,-2zM12,17c-1.1,0 -2,-0.9 -2,-2s0.9,-2 2,-2 2,0.9 2,2 -0.9,2 -2,2zM15.1,8L8.9,8L8.9,6c0,-1.71 1.39,-3.1 3.1,-3.1 1.71,0 3.1,1.39 3.1,3.1v2z"/>
+</vector>

+ 10 - 0
app/src/main/res/drawable/ic_mail_outline.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M20,4L4,4c-1.1,0 -1.99,0.9 -1.99,2L2,18c0,1.1 0.9,2 2,2h16c1.1,0 2,-0.9 2,-2L22,6c0,-1.1 -0.9,-2 -2,-2zM20,18L4,18L4,8l8,5 8,-5v10zM12,11L4,6h16l-8,5z"/>
+</vector>

+ 10 - 0
app/src/main/res/drawable/ic_person.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M12,12c2.21,0 4,-1.79 4,-4s-1.79,-4 -4,-4 -4,1.79 -4,4 1.79,4 4,4zM12,14c-2.67,0 -8,1.34 -8,4v2h16v-2c0,-2.66 -5.33,-4 -8,-4z"/>
+</vector>

+ 86 - 60
app/src/main/res/layout/popup.xml

@@ -19,65 +19,7 @@
         app:layout_constraintTop_toTopOf="parent"
         app:layout_constraintVertical_bias="0.068" />
 
-    <EditText
-        android:id="@+id/newemailpopup_name"
-        android:layout_width="0dp"
-        android:layout_height="wrap_content"
-
-        android:layout_marginStart="25dp"
-        android:layout_marginLeft="25dp"
-        android:layout_marginTop="10dp"
-        android:layout_marginEnd="25dp"
-        android:layout_marginRight="25dp"
-
-        android:hint="@string/your_full_name_filler"
-        android:textSize="20sp"
-
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintHorizontal_bias="1.0"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/newlisticon" />
 
-    <EditText
-        android:id="@+id/newemailpopup_email"
-        android:layout_width="0dp"
-        android:layout_height="wrap_content"
-
-
-        android:layout_marginTop="10dp"
-        android:layout_marginEnd="25dp"
-        android:layout_marginRight="25dp"
-        android:layout_marginStart="25dp"
-        android:layout_marginLeft="25dp"
-
-        android:textSize="20sp"
-        android:hint="@string/your_email_address_filler"
-
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintHorizontal_bias="0.0"
-        app:layout_constraintStart_toStartOf="parent"
-
-        app:layout_constraintTop_toBottomOf="@+id/newemailpopup_name" />
-
-    <EditText
-        android:id="@+id/newemailpopup_password"
-        android:layout_width="0dp"
-        android:layout_height="wrap_content"
-
-
-        android:layout_marginTop="10dp"
-        android:layout_marginEnd="25dp"
-        android:layout_marginRight="25dp"
-        android:layout_marginStart="25dp"
-        android:layout_marginLeft="25dp"
-
-        android:hint="@string/your_password_filler"
-        android:textSize="20sp"
-        app:layout_constraintEnd_toEndOf="parent"
-
-        app:layout_constraintHorizontal_bias="0.0"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/newemailpopup_email" />
 
     <Button
         android:id="@+id/saveButton"
@@ -95,7 +37,7 @@
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintHorizontal_bias="0.133"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/newemailpopup_password"
+        app:layout_constraintTop_toBottomOf="@+id/popup_material_password_asking_layout"
         app:layout_constraintVertical_bias="0.105"
         tools:ignore="MissingConstraints" />
 
@@ -114,8 +56,92 @@
         app:layout_constraintEnd_toEndOf="parent"
         app:layout_constraintHorizontal_bias="0.831"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/newemailpopup_password"
+        app:layout_constraintTop_toBottomOf="@+id/popup_material_password_asking_layout"
         app:layout_constraintVertical_bias="0.105"
         tools:ignore="MissingConstraints" />
 
+    <com.google.android.material.textfield.TextInputLayout
+        style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
+        android:id="@+id/popup_material_name_asking_layout"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="32dp"
+        android:layout_marginLeft="32dp"
+        android:layout_marginTop="9dp"
+        android:layout_marginEnd="32dp"
+        android:layout_marginRight="32dp"
+        android:layout_marginBottom="3dp"
+
+        android:hint="Your Name"
+        app:startIconDrawable="@drawable/ic_person"
+        app:endIconMode="clear_text"
+
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/newlisticon">
+
+        <com.google.android.material.textfield.TextInputEditText
+            android:id="@id/popup_material_name_asking_text"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content" />
+    </com.google.android.material.textfield.TextInputLayout>
+
+    <com.google.android.material.textfield.TextInputLayout
+        style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
+        android:id="@+id/popup_material_email_asking_layout"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="32dp"
+        android:layout_marginLeft="32dp"
+        android:layout_marginTop="9dp"
+        android:layout_marginEnd="32dp"
+        android:layout_marginRight="32dp"
+        android:layout_marginBottom="3dp"
+
+        android:hint="Your Email Address"
+        app:startIconDrawable="@drawable/ic_mail_outline"
+        app:endIconMode="clear_text"
+
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/popup_material_name_asking_layout">
+
+        <com.google.android.material.textfield.TextInputEditText
+            android:id="@id/popup_material_email_asking_text"
+
+            android:inputType="textEmailAddress"
+
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content" />
+    </com.google.android.material.textfield.TextInputLayout>
+
+    <com.google.android.material.textfield.TextInputLayout
+        style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
+        android:id="@+id/popup_material_password_asking_layout"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="32dp"
+        android:layout_marginLeft="32dp"
+        android:layout_marginTop="9dp"
+        android:layout_marginEnd="32dp"
+        android:layout_marginRight="32dp"
+        android:layout_marginBottom="3dp"
+
+        android:hint="Your Password"
+        app:startIconDrawable="@drawable/ic_lock"
+        app:endIconMode="password_toggle"
+
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@+id/popup_material_email_asking_layout">
+
+        <com.google.android.material.textfield.TextInputEditText
+            android:id="@id/popup_material_password_asking_text"
+
+            android:inputType="textPassword"
+
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content" />
+    </com.google.android.material.textfield.TextInputLayout>
+
 </androidx.constraintlayout.widget.ConstraintLayout>

+ 6 - 0
app/src/main/res/values/ids.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <item name="popup_material_name_asking_text" type="id" />
+    <item name="popup_material_email_asking_text" type="id" />
+    <item name="popup_material_password_asking_text" type="id" />
+</resources>