[메인][Common] 컨텐츠 상세 카드형, 카드리스티클형 뷰홀더 구현

app/src/main/java/kr/co/zumo/app/lifeplus/view/screen/contents/ContentsDetailCardDetailViewHolder.java

@@ -2,6 +2,9 @@ package kr.co.zumo.app.lifeplus.view.screen.contents;
 
 import android.view.View;
 
+import kr.co.zumo.app.R;
+import kr.co.zumo.app.lifeplus.view.custom.contents.CustomCardListicleImageView;
+
 /**
  * ContentsDetailCardContentsViewHolder
  * <pre>
@@ -13,7 +16,15 @@ import android.view.View;
  * @since 2018-11-28
  */
 public class ContentsDetailCardDetailViewHolder extends ContentsDetailView {
+
+  private CustomCardListicleImageView imageViewCardListicleImageVew;
   public ContentsDetailCardDetailViewHolder(View itemView) {
     super(itemView);
+    imageViewCardListicleImageVew = itemView.findViewById(R.id.custom_card_listicle_image_view);
+  }
+
+  @Override
+  public void bind() {
+    super.bind();
   }
 }

app/src/main/java/kr/co/zumo/app/lifeplus/view/screen/contents/ContentsDetailCardListicleCoverViewHolder.java

@@ -1,6 +1,9 @@
 package kr.co.zumo.app.lifeplus.view.screen.contents;
 
 import android.view.View;
+import android.widget.ImageView;
+
+import kr.co.zumo.app.R;
 
 /**
  * ContentsDetailCardListicleCoverViewHolder
@@ -13,7 +16,16 @@ import android.view.View;
  * @since 2018-11-28
  */
 public class ContentsDetailCardListicleCoverViewHolder extends ContentsDetailView {
+
+  private ImageView imageViewCardListicleCover;
+
   public ContentsDetailCardListicleCoverViewHolder(View itemView) {
     super(itemView);
+    imageViewCardListicleCover = itemView.findViewById(R.id.image_view_card_listicle_cover);
+  }
+
+  @Override
+  public void bind() {
+    super.bind();
   }
 }

app/src/main/java/kr/co/zumo/app/lifeplus/view/screen/contents/ContentsDetailCardListicleDetailViewHolder.java

@@ -1,6 +1,10 @@
 package kr.co.zumo.app.lifeplus.view.screen.contents;
 
+import android.support.constraint.ConstraintLayout;
 import android.view.View;
+import android.widget.ImageView;
+
+import kr.co.zumo.app.R;
 
 /**
  * ContentsDetailCardListicleDetailViewHolder
@@ -12,8 +16,19 @@ import android.view.View;
  * @history 하세미   [2018-11-28]   [최초 작성]
  * @since 2018-11-28
  */
-public class ContentsDetailCardListicleDetailViewHolder extends ContentsDetailView  {
+public class ContentsDetailCardListicleDetailViewHolder extends ContentsDetailView {
+
+  private ImageView imageViewCardListicleImageView;
+  private ConstraintLayout layoutMoreInfo;
+
   public ContentsDetailCardListicleDetailViewHolder(View itemView) {
     super(itemView);
+    imageViewCardListicleImageView = itemView.findViewById(R.id.custom_card_listicle_image_view);
+    layoutMoreInfo = itemView.findViewById(R.id.layout_more_info);
+  }
+
+  @Override
+  public void bind() {
+    super.bind();
   }
 }

app/src/main/res/drawable/icon_info_arrow.xml

@@ -0,0 +1,9 @@
+<vector android:height="10dp" android:viewportHeight="43"
+    android:viewportWidth="43" android:width="10dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="#00000000" android:fillType="evenOdd"
+        android:pathData="M36.443,33.857L21.536,18.95 6.63,33.857"
+        android:strokeColor="#FFF" android:strokeWidth="3.478"/>
+    <path android:fillColor="#00000000" android:fillType="evenOdd"
+        android:pathData="M36.443,23.92L21.536,9.011 6.63,23.92"
+        android:strokeColor="#FFF" android:strokeWidth="3.478"/>
+</vector>

app/src/main/res/drawable/rectangle_black_more_info.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+       android:shape="rectangle">
+  <solid android:color="@color/C000000"/>
+  <corners android:radius="13dp"/>
+</shape>

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

@@ -6,8 +6,12 @@
   android:layout_width="match_parent"
   android:layout_height="match_parent">
 
- <android.support.v7.widget.RecyclerView
-   android:id="@+id/recycler_view_card_detail"
-   android:layout_width="match_parent"
-   android:layout_height="match_parent"></android.support.v7.widget.RecyclerView>
+  <kr.co.zumo.app.lifeplus.view.custom.contents.CustomCardListicleImageView
+    android:id="@+id/custom_card_listicle_image_view"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    app:layout_constraintBottom_toBottomOf="parent"
+    app:layout_constraintEnd_toEndOf="parent"
+    app:layout_constraintStart_toStartOf="parent"
+    app:layout_constraintTop_toTopOf="parent"/>
 </android.support.constraint.ConstraintLayout>

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

@@ -7,7 +7,7 @@
   android:layout_height="match_parent">
 
   <ImageView
-    android:id="@+id/image_view_card_cover"
+    android:id="@+id/image_view_card_listicle_cover"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:scaleType="centerCrop"

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

@@ -1,6 +1,60 @@
 <?xml version="1.0" encoding="utf-8"?>
-<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
-                                             android:layout_width="match_parent"
-                                             android:layout_height="match_parent">
+<android.support.constraint.ConstraintLayout
+  xmlns:android="http://schemas.android.com/apk/res/android"
+  xmlns:app="http://schemas.android.com/apk/res-auto"
+  xmlns:tools="http://schemas.android.com/tools"
+  android:layout_width="match_parent"
+  android:layout_height="match_parent">
 
+  <kr.co.zumo.app.lifeplus.view.custom.contents.CustomCardListicleImageView
+    android:id="@+id/custom_card_listicle_image_view"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+
+    app:layout_constraintBottom_toBottomOf="parent"
+    app:layout_constraintEnd_toEndOf="parent"
+    app:layout_constraintStart_toStartOf="parent"
+    app:layout_constraintTop_toTopOf="parent"/>
+
+  <android.support.constraint.ConstraintLayout
+    android:id="@+id/layout_more_info"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content"
+    android:layout_marginBottom="24dp"
+    android:background="@drawable/rectangle_black_more_info"
+    android:paddingStart="13dp"
+    android:paddingTop="5dp"
+    android:paddingEnd="13dp"
+    android:paddingBottom="5dp"
+    app:layout_constraintBottom_toBottomOf="parent"
+    app:layout_constraintEnd_toEndOf="parent"
+    app:layout_constraintStart_toStartOf="parent">
+
+    <ImageView
+      android:id="@+id/more_info_image"
+      android:layout_width="wrap_content"
+      android:layout_height="wrap_content"
+      app:layout_constraintBottom_toBottomOf="parent"
+      app:layout_constraintEnd_toStartOf="@+id/more_info_text"
+      app:layout_constraintStart_toStartOf="parent"
+      app:layout_constraintTop_toTopOf="parent"
+      app:srcCompat="@drawable/icon_info_arrow"
+      />
+
+    <TextView
+      android:layout_marginStart="2dp"
+      android:id="@+id/more_info_text"
+      android:layout_width="wrap_content"
+      android:layout_height="wrap_content"
+      android:gravity="center_horizontal"
+      android:lineSpacingExtra="3.5sp"
+      android:text="@string/more_info"
+      android:textColor="@color/CFFFFFF"
+      android:textSize="12sp"
+      android:textStyle="bold"
+      app:layout_constraintEnd_toEndOf="parent"
+      app:layout_constraintStart_toEndOf="@+id/more_info_image"
+      />
+
+  </android.support.constraint.ConstraintLayout>
 </android.support.constraint.ConstraintLayout>

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

@@ -24,6 +24,8 @@
   <string name="facebook_app_id">252658048750865</string> <!--new id-->
   <!--<string name="facebook_app_id">1010954478934932</string>--> <!-- zumo -->
 
+  <string name="more_info">more info</string>
+
   <string name="empty_string" translatable="false"/>
   <string name="confirm">확인</string>
   <string name="cancel">취소</string>