왼쪽과 오른쪽을 한줄에 같이 정렬하고 싶은 경우가 있을것이다
나는 위 사진처럼 디자인하길 원했다
닉네임,하트 이미지 부분을 양끝으로 정렬 해줘야했다
근데 저부분은 width가 전체가 아니기때문에 해당 길이에 맞게 width길이를 적용해주고,
닉네임과 하트 사이에 아래 코드를 추가시켜줬다
<View
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_weight="1" />
왼쪽, 오른쪽 정렬 코드
전체 코드이다
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:layout_marginStart="10dp"
android:orientation="vertical">
<ImageView
android:id="@+id/imageView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:srcCompat="@drawable/food_image" />
<TextView
android:id="@+id/textView2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:fontFamily="@font/bmjua_ttf"
android:textSize="25sp"
android:layout_marginTop="10dp"
android:textColor="@color/black"
android:text="레시피 이름" />
<LinearLayout
android:layout_width="240dp"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:orientation="horizontal">
<ImageView
android:id="@+id/imageView9"
android:layout_gravity="center_vertical"
android:layout_width="40dp"
android:layout_height="40dp"
app:srcCompat="@drawable/circle" />
<TextView
android:id="@+id/nickname"
android:layout_width="wrap_content"
android:layout_height="50dp"
android:text="닉네임"
android:layout_marginStart="5dp"
android:fontFamily="@font/bmjua_ttf"
android:textSize="15sp"
android:textColor="@color/black"
android:gravity="center_vertical"/>
<View
android:layout_width="0dp"
android:layout_height="0dp"
android:layout_weight="1" />
<ImageView
android:id="@+id/favorate"
android:layout_width="20dp"
android:layout_height="20dp"
android:layout_gravity="center_vertical"
android:layout_marginStart="30dp"
android:src="@drawable/heart1" />
<TextView
android:id="@+id/favorateText"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:layout_marginStart="5dp"
android:textColor="@color/black"
android:layout_marginEnd="5dp"
android:textSize="15sp"
android:text="7"
android:fontFamily="@font/bmjua_ttf"/>
</LinearLayout>
</LinearLayout>
'개발 노트 > Kotlin' 카테고리의 다른 글
[Kotlin]댓글창 레이아웃 디자인 (1) | 2024.02.25 |
---|---|
[kotlin]No layout manager attached; skipping layout 오류 (0) | 2024.02.25 |
ScrollView 사용하기 (0) | 2024.02.22 |
[kotlin] lateinit property has not been initialized 에러 (0) | 2024.02.21 |
Custom Dialog 만들기 (1) | 2024.02.21 |