[회원가입][Bug] Pin 레이아웃 리팩토링

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

@@ -134,209 +134,116 @@
   <LinearLayout
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
-    android:background="#ffffff"
+    android:background="@color/CFFFFFF"
     android:orientation="vertical"
     android:paddingTop="18dp"
     android:paddingBottom="28dp"
-
     >
 
     <LinearLayout
       android:layout_width="match_parent"
-      android:layout_height="wrap_content"
-      android:layout_gravity="bottom"
+      android:layout_height="match_parent"
+      android:background="@color/CFFFFFF"
+      android:gravity="center"
       android:orientation="horizontal"
-      android:weightSum="3"
       >
 
       <Button
         android:id="@+id/button_0"
-        style="?android:attr/borderlessButtonStyle"
-        android:layout_width="0dp"
-        android:layout_height="wrap_content"
-        android:layout_weight="1"
-        android:background="#ffffff"
-        android:gravity="center"
-        android:lineSpacingExtra="9sp"
-        android:text="2"
-        android:textColor="#666666"
-        android:textSize="24sp"
+        style="@style/PinButton"
+        tools:text="2"
         />
 
       <Button
         android:id="@+id/button_1"
-        style="?android:attr/borderlessButtonStyle"
-        android:layout_width="0dp"
-        android:layout_height="wrap_content"
-        android:layout_weight="1"
-        android:background="#ffffff"
-        android:gravity="center"
-        android:lineSpacingExtra="9sp"
-        android:text="0"
-        android:textColor="#666666"
-        android:textSize="24sp"
+        style="@style/PinButton"
+        tools:text="2"
         />
 
       <Button
         android:id="@+id/button_2"
-        style="?android:attr/borderlessButtonStyle"
-        android:layout_width="0dp"
-        android:layout_height="wrap_content"
-        android:layout_weight="1"
-        android:background="#ffffff"
-        android:gravity="center"
-        android:lineSpacingExtra="9sp"
-        android:text="5"
-        android:textColor="#666666"
-        android:textSize="24sp"
+        style="@style/PinButton"
+        tools:text="2"
         />
     </LinearLayout>
 
     <LinearLayout
       android:layout_width="match_parent"
-      android:layout_height="wrap_content"
-      android:layout_gravity="bottom"
+      android:layout_height="match_parent"
+      android:background="@color/CFFFFFF"
+      android:gravity="center"
       android:orientation="horizontal"
-      android:weightSum="3"
       >
 
       <Button
         android:id="@+id/button_3"
-        style="?android:attr/borderlessButtonStyle"
-        android:layout_width="0dp"
-        android:layout_height="wrap_content"
-        android:layout_weight="1"
-        android:background="#ffffff"
-        android:gravity="center"
-        android:lineSpacingExtra="9sp"
-        android:text="7"
-        android:textColor="#666666"
-        android:textSize="24sp"
+        style="@style/PinButton"
+        tools:text="2"
         />
 
       <Button
         android:id="@+id/button_4"
-        style="?android:attr/borderlessButtonStyle"
-        android:layout_width="0dp"
-        android:layout_height="wrap_content"
-        android:layout_weight="1"
-        android:background="#ffffff"
-        android:gravity="center"
-        android:lineSpacingExtra="9sp"
-        android:text="3"
-        android:textColor="#666666"
-        android:textSize="24sp"
+        style="@style/PinButton"
+        tools:text="2"
         />
 
       <Button
         android:id="@+id/button_5"
-        style="?android:attr/borderlessButtonStyle"
-        android:layout_width="0dp"
-        android:layout_height="wrap_content"
-        android:layout_weight="1"
-        android:background="#ffffff"
-        android:gravity="center"
-        android:lineSpacingExtra="9sp"
-        android:text="8"
-        android:textColor="#666666"
-        android:textSize="24sp"
+        style="@style/PinButton"
+        tools:text="2"
         />
     </LinearLayout>
 
     <LinearLayout
       android:layout_width="match_parent"
-      android:layout_height="wrap_content"
-      android:layout_gravity="bottom"
-      android:background="#ffffff"
+      android:layout_height="match_parent"
+      android:background="@color/CFFFFFF"
+      android:gravity="center"
       android:orientation="horizontal"
-      android:weightSum="3"
       >
 
       <Button
         android:id="@+id/button_6"
-        style="?android:attr/borderlessButtonStyle"
-        android:layout_width="0dp"
-        android:layout_height="wrap_content"
-        android:layout_weight="1"
-        android:background="#ffffff"
-        android:gravity="center"
-        android:lineSpacingExtra="9sp"
-        android:text="4"
-        android:textColor="#666666"
-        android:textSize="24sp"
+        style="@style/PinButton"
+        tools:text="2"
         />
 
       <Button
         android:id="@+id/button_7"
-        style="?android:attr/borderlessButtonStyle"
-        android:layout_width="0dp"
-        android:layout_height="wrap_content"
-        android:layout_weight="1"
-        android:background="#ffffff"
-        android:gravity="center"
-        android:lineSpacingExtra="9sp"
-        android:text="6"
-        android:textColor="#666666"
-        android:textSize="24sp"
+        style="@style/PinButton"
+        tools:text="2"
         />
 
       <Button
         android:id="@+id/button_8"
-        style="?android:attr/borderlessButtonStyle"
-        android:layout_width="0dp"
-        android:layout_height="wrap_content"
-        android:layout_weight="1"
-        android:background="#ffffff"
-        android:gravity="center"
-        android:lineSpacingExtra="9sp"
-        android:text="9"
-        android:textColor="#666666"
-        android:textSize="24sp"
+        style="@style/PinButton"
+        tools:text="2"
         />
     </LinearLayout>
 
     <LinearLayout
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
-      android:layout_gravity="bottom"
+      android:background="@color/CFFFFFF"
+      android:gravity="center"
       android:orientation="horizontal"
-      android:weightSum="3"
       >
 
       <Button
         android:id="@+id/button_shuffle"
-        style="?android:attr/borderlessButtonStyle"
-        android:layout_width="0dp"
-        android:layout_height="wrap_content"
-        android:layout_weight="1"
-        android:background="#ffffff"
-        android:gravity="center"
-        android:lineSpacingExtra="5sp"
-        android:text="@string/sign_up_shuffle"
-        android:textColor="#666666"
-        android:textSize="14sp"/>
+        style="@style/PinButton"
+        tools:text="2"/>
 
       <Button
         android:id="@+id/button_9"
-        style="?android:attr/borderlessButtonStyle"
-        android:layout_width="0dp"
-        android:layout_height="wrap_content"
-        android:layout_weight="1"
-        android:background="#ffffff"
-        android:gravity="center"
-        android:lineSpacingExtra="9sp"
-        android:text="1"
-        android:textColor="#666666"
-        android:textSize="24sp"
+        style="@style/PinButton"
+        tools:text="2"
         />
 
       <ImageButton
         android:id="@+id/button_delete"
-        style="?android:attr/borderlessButtonStyle"
-        android:layout_width="0dp"
-        android:layout_height="wrap_content"
-        android:layout_weight="1"
-        android:background="#ffffff"
+        style="@style/PinButton"
+        tools:text="2"
         android:scaleType="fitCenter"
         android:src="@drawable/icon_keypad_delete_copy"
         />

app/src/main/res/values/styles.xml

@@ -52,6 +52,18 @@
     <item name="android:layout_marginStart">2dp</item>
     <item name="android:layout_marginEnd">2dp</item>
     <item name="android:textAllCaps">false</item>
+  </style>
 
+  <style name="PinButton" parent="Widget.AppCompat.Button.Borderless">
+    <item name="android:layout_width">wrap_content</item>
+    <item name="android:layout_height">wrap_content</item>
+    <item name="android:textColor">@color/C666666</item>
+    <item name="android:textSize">24sp</item>
+    <item name="android:background">#ffffff</item>
+    <item name="android:layout_marginStart">20dp</item>
+    <item name="android:layout_marginEnd">20dp</item>
+    <item name="android:textAllCaps">false</item>
+    <item name="android:gravity">center</item>
+    <item name="android:lineSpacingExtra">9sp</item>
   </style>
 </resources>