Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 북한살둘레길
- 한달어스
- 안드로이드
- 끝말잇기
- 브런치작가되기
- 한달브런치북만들기
- 커스텀린트
- 목적 중심 리더십
- 리얼하다
- 어떻게 나답게 살 것인가
- 베드트레이
- 한단어의힘
- 자취필수템
- 한달독서
- 목적중심리더십
- 면접
- 소프시스 밤부 좌식 엑슬 테이블
- 1일1커밋
- 함수형 프로그래밍
- 아비투스
- 캐치마인드
- T자형인재
- 슬기로운 온라인 게임
- 테트리스
- 소프시스
- 프래그먼트
- 좌식테이블
- 지지않는다는말
- 베드테이블
- 재택근무
Archives
- Today
- Total
정상에서 IT를 외치다
[Android, ConstraintLayout, GuideLine] 2. ConstraintLayout 가이드라인 설정하기 본문
안드로이드
[Android, ConstraintLayout, GuideLine] 2. ConstraintLayout 가이드라인 설정하기
Black-Jin 2018. 5. 18. 18:04반응형
ConstraintLayout 에서 가이드 라인을 설정하는 법에 대해 포스팅 하겠습니다.
레이아웃 상에서 가이드 라인을 그리게 되면 그 값을 기준으로 뷰들을 배치시킬 수 있습니다.
<android.support.constraint.Guideline
android:id="@+id/guideline"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_begin="100dp" />
위와 같이 가이드 라인을 설정 하면 왼쪽에서부터 100dp 떨어진 곳에 가상의 세로 선이 그어집니다.
app:layout_constraintGuide_percent="0.2"
또는 다음과 같이 퍼센트를 통해서 배치할수 있습니다. (1.0 ~ 0.0)
그럼 그 선을 시준으로 뷰를 배치 할 수 있는데요
아래와 같이 코드를 설정하면
<?xml version="1.0" encoding="utf-8"?>
<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"
tools:context=".MainActivity">
<TextView
android:text="BlackJin"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintEnd_toEndOf="@id/guideline"
app:layout_constraintBottom_toBottomOf="parent"/>
<android.support.constraint.Guideline
android:id="@+id/guideline"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_begin="100dp" />
<TextView
android:text="Welcom tistory"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
app:layout_constraintStart_toEndOf="@id/guideline"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"/>
</android.support.constraint.ConstraintLayout>
짜잔!
세로줄의 가이드 라인을 기준으로 왼쪽에 BlackJin 이 붙어있고
오른쪽에 Welcom tistory 가 marginLeft 10dp 로 붙어있게 됩니다.
반응형
'안드로이드' 카테고리의 다른 글
Comments