Design : 첨부파일 제외 상세보기 뷰 리디자인 #143

m6z1 · 2024-02-02T16:09:12Z

📮 관련 이슈

resolved 공지사항 글 상세 보기 뷰 리디자인 작업 #142

✍️ 구현 내용

리디자인한 상세보기 뷰 xml 작업
툴바의 타이틀은 대학공지에서 진입 시엔 대학공지 / 학부공지에서 진입 시엔 학부공지가 띄워져야 함으로, 추후 api 연동 시에 viewmodel에서 title 관리해서 데이터 바인딩으로 뷰 구현 예정
아직 회의 진행하지 않아 mvp 에서 제외될 수 있는 '팝업 메뉴 버튼 클릭 시 생성되는 바텀시트 뷰' 는 구현하지 않음

[20240203 23:38 update]

한국에서 가장 긴 이름을 가지신 분의 length는 성을 포함하여 17글자이므로, maxlength제약 추가
date의 EndToEnd 제약 추가 및 horizontalbias 값을 주어 텍스트 왼쪽 정렬

📷 구현 영상

✔️ 확인 사항

컨벤션에 맞는 PR 타이틀
관련 이슈 연결
PR 관련 정보 연결 (작업자, 라벨, 마일스톤 등)
Github Action 통과

hoyahozz · 2024-02-03T12:20:50Z

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

-                android:layout_marginStart="16dp"
-                android:layout_marginEnd="16dp"
+                android:layout_marginTop="12dp"
+                android:hint="안녕하세ㅛ아아아ㅣㅣㄴㅇ럼ㄴ런"


Suggested change

android:hint="안녕하세ㅛ아아아ㅣㅣㄴㅇ럼ㄴ런"

tools:hint="안녕하세ㅛ아아아ㅣㅣㄴㅇ럼ㄴ런"

hoyahozz · 2024-02-03T12:25:12Z

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

+                android:id="@+id/detail_date"
+                style="@style/PretendardMedium14"
+                android:layout_width="wrap_content"


이거 작성자의 텍스트가 길어지면, 레이아웃에서 밀려날 것 같아요!

작성자, 구분선, 날짜가 모두 관계를 지니고 있도록 설정하시고, 여러 속성을 활용하면 어떠한 상황에서도 레이아웃을 온전히 보존할 수 있어요! 일종의 챌린지가 될 수도 있겠네요 😄

도전해보겠습니다 .

hoyahozz · 2024-02-03T12:29:00Z

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

                android:gravity="end"
+                android:hint="2024.02.01"


Suggested change

android:hint="2024.02.01"

tools:hint="2024.02.01"

hoyahozz · 2024-02-03T12:29:07Z

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

                android:gravity="end"
+                android:hint="손명지"


Suggested change

android:hint="손명지"

tools:hint="손명지"

hoyahozz · 2024-02-03T12:29:36Z

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

                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
+                        android:hint="반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ"


Suggested change

android:hint="반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ"

tools:hint="반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ반갑습니다반갑스비나아럼ㄴ;렁;ㄹ넘라ㅣ;멀;ㅣㅁ너라ㅓㄴ맒ㄴ"

디자인이 정상적으로 동작하는지 확인하는 경우엔 Lorem Ipsum 을 사용하는게 좀 더 깔끔할 것 같아요 😅

공부해보고 적용해보겠습니다🫡

hoyahozz · 2024-02-03T12:32:41Z

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


-                    <androidx.recyclerview.widget.RecyclerView
-                        android:id="@+id/detail_image_rcv"
+                    <androidx.constraintlayout.widget.ConstraintLayout


구조를 flat 하게 변경해주세요!

이 부분은 나중에 첨부파일의 유무에 따라 바인딩 어댑터로 레이아웃 전체를 visibility 처리를 하려고 했습니다. 구조를 flat 하게 바꾸는 게 나을까요? 🤔

ConstraintLayout 의 Group 을 사용하면 뷰의 가시성을 한 번에 조정할 수 있어요!

새로운 지식 습득 ~ 😋

huiwoo-jo

확인했습니다. 👍

hoyahozz

tools:hint 부분에 무의미한 문자열이 아닌 실제 학교 데이터를 넣으면 좀 더 이해가 쉬울 것 같아요! 이 부분만 수정 후 머지하셔도 될 것 같습니다! 고생하셨습니다 👍👍👍

design : 첨부파일 제외 상세보기 뷰 디자인 구현

285bf4a

m6z1 added 🎨 DESIGN User interface design 💛명지 labels Feb 2, 2024

m6z1 requested review from huiwoo-jo and hoyahozz February 2, 2024 16:09

m6z1 self-assigned this Feb 2, 2024

refactor : 사용하지 않는 코드 제거

6c135d5

hoyahozz requested changes Feb 3, 2024

View reviewed changes

m6z1 added 5 commits February 3, 2024 22:51

refactor : textview의 tools:hint 사용

00fb4f6

refactor : 뷰 구조 flat 하게 수정

28230f1

design : 디자인 적용 확인을 위한 hint > lorem ipsum 으로 수정

febe99a

design : 작성자 / 날짜 제약 조건 수정

a9e0178

refactor : 디테일 뷰 제약 수정

1617900

huiwoo-jo approved these changes Feb 5, 2024

View reviewed changes

hoyahozz approved these changes Feb 6, 2024

View reviewed changes

design : tools:hint 텍스트 값 유의미한 값으로 수정

d70f4b1

m6z1 merged commit c8f2fb0 into develop Feb 6, 2024
1 check passed

m6z1 deleted the feature/detail-ui branch February 6, 2024 07:26

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Design : 첨부파일 제외 상세보기 뷰 리디자인 #143

Design : 첨부파일 제외 상세보기 뷰 리디자인 #143

m6z1 commented Feb 2, 2024 •

edited

Loading

hoyahozz Feb 3, 2024

m6z1 Feb 3, 2024

hoyahozz Feb 3, 2024

m6z1 Feb 3, 2024

hoyahozz Feb 3, 2024

m6z1 Feb 3, 2024

hoyahozz Feb 3, 2024

m6z1 Feb 3, 2024

hoyahozz Feb 3, 2024

hoyahozz Feb 3, 2024

m6z1 Feb 3, 2024

hoyahozz Feb 3, 2024

m6z1 Feb 3, 2024

hoyahozz Feb 3, 2024

m6z1 Feb 3, 2024

huiwoo-jo left a comment

hoyahozz left a comment

	android:hint="안녕하세ㅛ아아아ㅣㅣㄴㅇ럼ㄴ런"
	tools:hint="안녕하세ㅛ아아아ㅣㅣㄴㅇ럼ㄴ런"

Design : 첨부파일 제외 상세보기 뷰 리디자인 #143

Design : 첨부파일 제외 상세보기 뷰 리디자인 #143

Conversation

m6z1 commented Feb 2, 2024 • edited Loading

📮 관련 이슈

✍️ 구현 내용

📷 구현 영상

✔️ 확인 사항

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

huiwoo-jo left a comment

Choose a reason for hiding this comment

hoyahozz left a comment

Choose a reason for hiding this comment

m6z1 commented Feb 2, 2024 •

edited

Loading