728x90
반응형
안드로이드 스튜디오 xml 파일에서 설정을 통해 레이아웃을 디자인할 수 있지만,
요즘 많이 사용하는 Figma로 간단히 디자인 해보려 한다.
우선, Windows 환경에서 개발을 하기 때문에
Desktop app을 아래 주소에서 다운받아 준다.
https://www.figma.com/downloads/
Download Figma Desktop Apps, Mobile Apps, and Font Installers
Download the Figma desktop app for macOS or Windows as well as the font installer and device preview apps
www.figma.com
New design file을 클릭해준다.
먼저 프레임을 선택해준다. Android Large를 선택했다 ! ( 프레임 #을 누르고 빈 화면을 대면 아래처럼 원하는 크기의 화면을 만들 수 있음)
모바일 Slack의 환경설정 부분을 따라해보자 !
환경설정 화면의 xml을 만들것이기 때문에
T를 눌러 Text를 추가해줍니다.
마우스로 Text를 잡고 움직이면 화면 중심선이 나타납니다~~
(오른쪽에 보면 textsize를 조절할 수 있음, 그 왼쪽은 bold로 바꿀수 있는 설정도 있으니 필요시 확인)
라인을 그릴 때는,
Shift를 누르며 Line을 그려주면 일직선을 그려줄 수 있다.
아래 빨간 부분을 눌러 선의 색을 바꿀 수 있다.
드래그로 크기를 조절할 수 있지만 옆에 Width와 Height로 크기를 바꿀 수 있다.
(아이콘이나 vector가 없기 때문에 크기만 잡아주는 용으로 사용할 예정이다.)
라인을 Shift를 누르면서 화살표 모양으로 만들어주고, 이것을 복사 붙여넣기하며 같은 위치에 만들어준다.
복사 붙여넣기를 하면 같은 위치에 계속 복사가 되기때문에, 왼쪽에 구성을 잘 보아야 한다.
ctrl+c, ctrl+v를 하면 완성화면을 만들수 있다.
Android Studio로 코드 옮기기
오른쪽에 있는 Inspect를 눌러 Android로 변경해주면 xml 코드를 볼 수 있다.
Browse plugins in Community를 클릭하고,
android를 검색해서
android vector을 설치해준다.
layout -> activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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">
<RelativeLayout
android:id="@+id/android_lar"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:clipToOutline="true"
android:background="@drawable/android_lar"
tools:ignore="MissingConstraints,RedundantNamespace,UnusedAttribute" />
</androidx.constraintlayout.widget.ConstraintLayout>
drawable -> android_lar.xml
<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="360dp"
android:height="800dp"
android:viewportWidth="360"
android:viewportHeight="800">
<path
android:fillColor="#FFFFFFFF"
android:pathData="M0 0H360V800H0z"/>
<path
android:fillColor="#FF000000"
android:pathData="M162.99 24.28v10.14h1.86V24.28h-1.86Zm1.2 4.24v1.52h2.28v-1.52h-2.28Zm-8 7.02v1.48h9.1v-1.48h-9.1Zm0-1.78v2.21h1.88v-2.21h-1.87Zm1.31-3.25v1.9h1.86v-1.9h-1.86Zm-2.88 2.65c2.2-0.03 5.25-0.09 7.93-0.59l-0.14-1.27c-2.63 0.39-5.75 0.43-8 0.43l0.2 1.43Zm0.12-7.84v1.34h7.35v-1.34h-7.35Zm3.68 1.68c-1.9 0-3.16 0.75-3.16 2.01 0 1.24 1.26 2 3.16 2 1.9 0 3.15-0.76 3.15-2 0-1.26-1.24-2.01-3.15-2.01Zm0 1.24c0.87 0 1.39 0.26 1.39 0.77 0 0.5-0.52 0.75-1.39 0.75-0.88 0-1.4-0.26-1.4-0.75 0-0.51 0.52-0.77 1.4-0.77Zm-0.92-4.01v1.66h1.86v-1.66h-1.86Zm16.18 2.1v1.48h3.04v-1.48h-3.04Zm-0.1 2.68v1.49h3.04V29h-3.03Zm2.85-4.73v7.46h1.86v-7.46h-1.86Zm-4.23 0.88v0.9c0 2.03-1.37 3.65-4.66 4.5l0.72 1.48c3.94-1.08 5.93-3.35 5.93-6.88h-2Zm-3.95 0v1.49h5.25v-1.49h-5.25Zm5.74 6.75c-2.63 0-4.38 1.01-4.38 2.63 0 1.63 1.75 2.65 4.38 2.65s4.38-1.02 4.38-2.65c0-1.62-1.75-2.63-4.38-2.63Zm0 1.43c1.6 0 2.55 0.4 2.55 1.2 0 0.8-0.95 1.2-2.55 1.2-1.58 0-2.53-0.4-2.53-1.2 0-0.8 0.95-1.2 2.53-1.2Zm12.95-7.17v1.49h3.2v-1.49h-3.2Zm2.37-1.89v6.58h1.86v-6.58h-1.86Zm-6.71 7.13v1.43h6.72v0.71h-6.7v2.97h1.84v-1.63h6.7v-3.48h-8.56Zm0.03 4.25v1.45h8.9v-1.45h-8.9Zm0.66-10.96v0.93c0 1.65-0.91 3.23-3.07 3.87l0.95 1.47c2.48-0.78 3.63-2.9 3.63-5.34V24.7h-1.51Zm0.36 0v0.93c0 2.32 1.1 4.32 3.47 5.1l0.95-1.45c-2.04-0.62-2.9-2.11-2.9-3.65V24.7h-1.52Zm16.57 2.72v1.51h2.47v-1.51h-2.47Zm1.97-3.14v7.7h1.86v-7.7h-1.87Zm-2.54 7.98c-2.74 0-4.44 0.94-4.44 2.5 0 1.59 1.7 2.5 4.44 2.5 2.75 0 4.44-0.91 4.44-2.5 0-1.56-1.7-2.5-4.44-2.5Zm0 1.42c1.7 0 2.6 0.35 2.6 1.09 0 0.73-0.9 1.08-2.6 1.08-1.68 0-2.58-0.35-2.58-1.08 0-0.74 0.9-1.1 2.58-1.1Zm-3.46-8.1v0.82c0 1.66-0.92 3.38-3.06 4.11l0.95 1.47c2.48-0.84 3.63-3.1 3.63-5.58v-0.82h-1.52Zm0.4 0v0.82c0 2.3 1.1 4.46 3.5 5.26l0.92-1.47c-2.04-0.69-2.93-2.27-2.93-3.8v-0.8h-1.5Zm-2.96-0.51v1.48h6.97v-1.48h-6.97Z"/>
<path
android:strokeColor="#FFB4B4B4"
android:strokeWidth="1"
android:pathData="M0 52.5L360 52.5"/>
<path
android:fillColor="#FFFF0303"
android:pathData="M27 67H47V87H27z"/>
<path
android:fillColor="#FF000000"
android:pathData="M70.38 74.72v0.81h2.42v-0.81h-2.42Zm2.14-2.63v5.89h1v-5.9h-1Zm-5.95 6.42v4.28h6.95v-4.28h-0.99v1.32h-4.98V78.5h-0.98Zm0.98 2.12h4.98v1.35h-4.98v-1.35Zm-0.19-7.69v0.89c0 1.53-1.12 2.97-2.74 3.54l0.52 0.8c1.81-0.67 3.04-2.37 3.04-4.34v-0.89h-0.82Zm0.2 0v0.88c0 1.82 1.16 3.45 2.92 4.09l0.5-0.78c-1.57-0.55-2.62-1.91-2.62-3.31v-0.88h-0.8Zm-2.62-0.2v0.8h5.8v-0.8h-5.8Zm11.95-0.02v0.82h6.92v-0.82H76.9Zm-1.25 4.35v0.83h9.83v-0.83h-9.83Zm7.58-4.35v0.86c0 0.97 0 2.12-0.34 3.73l0.97 0.1c0.35-1.65 0.35-2.84 0.35-3.83v-0.86h-0.98Zm-6.3 9.15v0.83h7.6v-0.83h-7.6Zm0-2.77v2.89h1v-2.9h-1Zm12.48-6.4v1.12c0 1.65-1.08 3.1-2.73 3.7l0.51 0.8c1.86-0.69 3.05-2.4 3.05-4.5V72.7H89.4Zm0.18 0v1.08c0 1.97 1.17 3.56 2.92 4.22l0.54-0.78c-1.59-0.55-2.64-1.9-2.64-3.44V72.7h-0.82Zm5.02-0.61v6.42h1v-6.42h-1Zm-2.57 6.73c-2.24 0-3.62 0.76-3.62 2.05 0 1.3 1.38 2.04 3.62 2.04 2.23 0 3.61-0.74 3.61-2.04s-1.38-2.05-3.61-2.05Zm0 0.8c1.63 0 2.63 0.46 2.63 1.25 0 0.8-1 1.26-2.63 1.26s-2.63-0.47-2.63-1.26 1-1.26 2.63-1.26Zm0.22-5.24v0.83h2.56v-0.83h-2.56Z"/>
<path
android:strokeColor="#FF747474"
android:strokeWidth="1"
android:pathData="M328.35 69.65L336.35 77.65"/>
<path
android:strokeColor="#FF747474"
android:strokeWidth="1"
android:pathData="M336.35 77.35L328.35 85.35"/>
<path
android:fillColor="#FFFF8B03"
android:pathData="M27 101H47V121H27z"/>
<path
android:fillColor="#FF000000"
android:pathData="M70 109.1v0.8h2.98v-0.8H70Zm2.52-3v7.98h1v-7.98h-1Zm-5.93 9.78v0.82h7.23v-0.82h-7.23Zm0-2.6v2.95h1v-2.95h-1Zm0.96-6.5c-1.6 0-2.8 1.12-2.8 2.7 0 1.56 1.2 2.68 2.8 2.68 1.6 0 2.8-1.12 2.8-2.69 0-1.57-1.2-2.69-2.8-2.69Zm0 0.88c1.05 0 1.84 0.74 1.84 1.81s-0.8 1.81-1.84 1.81c-1.05 0-1.83-0.74-1.83-1.8 0-1.08 0.78-1.82 1.83-1.82Zm10.98-0.74c-1.58 0-2.7 1.47-2.7 3.78 0 2.31 1.12 3.79 2.7 3.79 1.57 0 2.7-1.48 2.7-3.8 0-2.3-1.13-3.77-2.7-3.77Zm0 0.9c1.05 0 1.75 1.12 1.75 2.88 0 1.76-0.7 2.91-1.75 2.91-1.04 0-1.75-1.15-1.75-2.91 0-1.76 0.7-2.88 1.75-2.88Zm5.05-1.74v10.87h0.99v-10.87h-0.99Zm-2.67 4.14v0.81H84v-0.81h-3.1Z"/>
<path
android:strokeColor="#FF747474"
android:strokeWidth="1"
android:pathData="M328.35 103.65L336.35 111.65"/>
<path
android:strokeColor="#FF747474"
android:strokeWidth="1"
android:pathData="M336.35 111.35L328.35 119.35"/>
<path
android:fillColor="#FFFFE603"
android:pathData="M27 135H47V155H27z"/>
<path
android:fillColor="#FF000000"
android:pathData="M65.63 141.17V142h6.99v-0.83h-6.99Zm-1.03 7.43v0.82h9.8v-0.82h-9.8Zm3.8-3.88V149h1v-4.28h-1Zm3.84-3.55v1.08c0 1.3 0 2.82-0.4 4.9l1 0.13c0.39-2.2 0.39-3.69 0.39-5.03v-1.08h-0.99Zm4.67 5.12v4.5h7.29v-4.5h-1v1.43h-5.3v-1.43H76.9Zm0.99 2.22h5.3V150h-5.3v-1.48Zm-1.01-7.93v0.82h6.98v-0.82H76.9Zm-1.25 3.92v0.83h9.83v-0.83h-9.83Zm7.58-3.92v0.8c0 0.88 0 1.91-0.36 3.36h1c0.34-1.46 0.34-2.48 0.34-3.37v-0.79h-0.98Z"/>
<path
android:strokeColor="#FF747474"
android:strokeWidth="1"
android:pathData="M328.35 137.65L336.35 145.65"/>
<path
android:strokeColor="#FF747474"
android:strokeWidth="1"
android:pathData="M336.35 145.35L328.35 153.35"/>
<path
android:fillColor="#FF03FF0D"
android:pathData="M27 169H47V189H27z"/>
<path
android:fillColor="#FF000000"
android:pathData="M67.17 174.68c-1.45 0-2.47 1-2.47 2.46s1.02 2.46 2.47 2.46c1.43 0 2.46-1 2.46-2.46s-1.03-2.46-2.46-2.46Zm0 0.81c0.89 0 1.56 0.69 1.56 1.65s-0.67 1.64-1.56 1.64c-0.9 0-1.56-0.68-1.56-1.64 0-0.96 0.66-1.65 1.56-1.65Zm5.61-1.39v5.9h0.95v-5.9h-0.95Zm-1.7 2.48v0.82h2.04v-0.82h-2.04Zm-0.62-2.28v5.62h0.94v-5.62h-0.94Zm-3.83 6.2v4.3h7.1v-4.3h-0.96v1.28h-5.16v-1.28h-0.98Zm0.98 2.07h5.16v1.4h-5.16v-1.4Zm14.28-7.65c-1.6 0-2.72 1.47-2.72 3.78 0 2.31 1.13 3.79 2.72 3.79 1.6 0 2.73-1.48 2.73-3.8 0-2.3-1.13-3.77-2.73-3.77Zm0 0.9c1.05 0 1.78 1.12 1.78 2.88 0 1.76-0.73 2.91-1.78 2.91s-1.77-1.15-1.77-2.91c0-1.76 0.72-2.88 1.77-2.88Zm4.46-1.73v10.85h1v-10.85h-1Zm0.76 4.33v0.84h2.02v-0.84h-2.02Zm10.82-4.34v10.87h1v-10.87h-1Zm-4.73 0.84c-1.6 0-2.75 1.47-2.75 3.78 0 2.31 1.15 3.79 2.75 3.79s2.76-1.48 2.76-3.8c0-2.3-1.15-3.77-2.76-3.77Zm0 0.9c1.07 0 1.8 1.12 1.8 2.88 0 1.76-0.73 2.91-1.8 2.91-1.06 0-1.8-1.15-1.8-2.91 0-1.76 0.74-2.88 1.8-2.88Zm9.04-1.22v0.82h6.99v-0.82h-6.99Zm6.45 0v0.93c0 0.98 0 2.05-0.3 3.51l0.98 0.08c0.3-1.48 0.3-2.6 0.3-3.6v-0.92h-0.98Zm0.29 1.98l-7 0.22 0.14 0.85 6.86-0.32v-0.75Zm-7.89 3.26v0.81h9.8v-0.81h-9.8Zm3.97-1.56v2.07h1v-2.07h-1Zm-2.72 5.67v0.82h7.57v-0.82h-7.57Zm0-2.37v2.7h1v-2.7h-1Z"/>
<path
android:strokeColor="#FF747474"
android:strokeWidth="1"
android:pathData="M328.35 171.65L336.35 179.65"/>
<path
android:strokeColor="#FF747474"
android:strokeWidth="1"
android:pathData="M336.35 179.35L328.35 187.35"/>
<path
android:fillColor="#FF034AFF"
android:pathData="M27 221H47V241H27z"/>
<path
android:fillColor="#FF000000"
android:pathData="M67.17 226.68c-1.45 0-2.47 1-2.47 2.46s1.02 2.46 2.47 2.46c1.43 0 2.46-1 2.46-2.46s-1.03-2.46-2.46-2.46Zm0 0.81c0.89 0 1.56 0.69 1.56 1.65s-0.67 1.64-1.56 1.64c-0.9 0-1.56-0.68-1.56-1.64 0-0.96 0.66-1.65 1.56-1.65Zm5.61-1.39v5.9h0.95v-5.9h-0.95Zm-1.7 2.48v0.82h2.04v-0.82h-2.04Zm-0.62-2.28v5.62h0.94v-5.62h-0.94Zm-3.83 6.2v4.3h7.1v-4.3h-0.96v1.28h-5.16v-1.28h-0.98Zm0.98 2.07h5.16v1.4h-5.16v-1.4Zm11.97-7.79v4.44h5.05v-4.44h-5.05Zm4.09 0.8v2.85h-3.13v-2.84h3.13Zm3.23-1.5v6.24h1v-6.23h-1Zm-2.94 7.52v0.2c0 1.08-1.73 2.12-3.61 2.33l0.33 0.77c2.2-0.29 4.13-1.54 4.13-3.1v-0.2h-0.85Zm0.14 0v0.2c0 1.53 1.89 2.8 4.1 3.1l0.33-0.77c-1.88-0.23-3.56-1.28-3.56-2.33v-0.2H84.1Zm-3.32-0.55v0.78h7.37v-0.78h-7.37Zm3.18-1.05v1.4h1V232h-1Zm9.46-0.16v0.8h9.8v-0.8h-9.8Zm4.4-1.4v1.73h0.98v-1.74h-0.98Zm-3.1-0.45v0.78h7.35v-0.78H94.7Zm0-3.59v4h0.98v-3.22h6.32v-0.78h-7.3Zm0.69 1.78v0.76h6.32v-0.76h-6.32Zm2.9 5.26c-2.36 0-3.72 0.6-3.72 1.74 0 1.13 1.36 1.73 3.72 1.73 2.37 0 3.72-0.6 3.72-1.73 0-1.14-1.35-1.74-3.72-1.74Zm0 0.76c1.74 0 2.71 0.35 2.71 0.98 0 0.65-0.97 0.99-2.7 0.99-1.75 0-2.72-0.34-2.72-0.99 0-0.63 0.97-0.98 2.71-0.98Zm13.57-8.11v6.3h1v-6.3h-1Zm0.57 2.76v0.84h2.04v-0.84h-2.04Zm-6.39 4.02v3.92h6.82v-3.92h-0.98v1.15h-4.87v-1.15h-0.97Zm0.97 1.92h4.86v1.2h-4.86v-1.2Zm-2.54-7.6v0.82h6.4v-0.82h-6.4Zm3.2 1.31c-1.55 0-2.6 0.76-2.6 1.9 0 1.16 1.05 1.92 2.6 1.92s2.6-0.76 2.6-1.91-1.05-1.91-2.6-1.91Zm0 0.76c0.98 0 1.65 0.45 1.65 1.15s-0.67 1.15-1.65 1.15c-1 0-1.65-0.46-1.65-1.15 0-0.7 0.66-1.15 1.65-1.15Zm-0.5-3.28v1.66h1v-1.66h-1Z"/>
<path
android:strokeColor="#FF747474"
android:strokeWidth="1"
android:pathData="M328.35 223.65L336.35 231.65"/>
<path
android:strokeColor="#FF747474"
android:strokeWidth="1"
android:pathData="M336.35 231.35L328.35 239.35"/>
<path
android:fillColor="#FF040BBF"
android:pathData="M27 255H47V275H27z"/>
<path
android:fillColor="#FF000000"
android:pathData="M64.59 265.81v0.82h9.83v-0.82h-9.83Zm4.49 0.41v2.5h1v-2.5h-1Zm-3.24 3.66v0.82h7.48v-0.82h-7.48Zm0-2.12v2.43h0.98v-2.43h-0.98Zm0.06-7.34v4.35h7.22v-4.35h-1v1.38h-5.24v-1.38H65.9Zm0.98 2.16h5.24v1.38h-5.24v-1.38Zm14.33-0.22v0.82h2.57v-0.82H81.2Zm-2.87-1.72v1.13c0 1.65-1.06 3.1-2.69 3.7l0.52 0.8c1.82-0.7 2.99-2.41 2.99-4.5v-1.13h-0.82Zm0.18 0v1.18c0 1.9 1.18 3.55 2.92 4.2l0.52-0.77c-1.56-0.55-2.64-1.95-2.64-3.43v-1.18h-0.8Zm-1.2 6.46v0.8h6.24v3.04h1v-3.84h-7.24Zm6.24-7.01v6.4h1v-6.4h-1Z"/>
<path
android:strokeColor="#FF747474"
android:strokeWidth="1"
android:pathData="M328.35 257.65L336.35 265.65"/>
<path
android:strokeColor="#FF747474"
android:strokeWidth="1"
android:pathData="M336.35 265.35L328.35 273.35"/>
<path
android:fillColor="#FF8F00FF"
android:pathData="M27 313H47V333H27z"/>
<path
android:fillColor="#FF000000"
android:pathData="M72.5 318.09v10.85h1v-10.85h-1Zm-7.64 1.16v0.82h6.15v-0.82h-6.15Zm-0.16 7.01c1.98-0.01 4.58-0.05 6.92-0.42l-0.06-0.73c-2.3 0.27-4.97 0.3-6.98 0.3l0.12 0.85Zm1.36-6.4v5.78h0.96v-5.78h-0.96Zm2.78 0v5.78h0.97v-5.78h-0.97Zm8.04 3.42v0.82h7.45v-0.82h-7.45Zm-1.24 3.36v0.83h9.83v-0.83h-9.83Zm1.24-7.56v4.56h1v-3.73h6.34v-0.83h-7.34Zm10.28-0.3v5.06h4.2v-5.06H90.4v1.7h-2.32v-1.7h-0.93Zm0.93 2.5h2.32v1.75h-2.32v-1.75Zm6.77-3.18v6.5h0.95v-6.5h-0.95Zm-1.75 2.8v0.84h2.05v-0.83h-2.05Zm-0.58-2.6v6.24h0.95v-6.25h-0.95Zm-4 6.95v0.82h6.3v2.87h0.98v-3.69h-7.27Zm12.56 1.48v0.83h9.83v-0.83h-9.83Zm4.4-2.6v2.84h0.99v-2.83h-1Zm-3.25-5.27v5.54h7.5v-5.54h-0.98v1.93h-5.53v-1.93h-0.99Zm0.99 2.73h5.53v2h-5.53v-2Zm17.13-3.5v10.85h0.96v-10.85h-0.96Zm-1.82 4.41v0.82h2.09v-0.82h-2.1Zm-0.64-4.17v10.05h0.94v-10.05h-0.94Zm-5.25 1.07v6.26h1v-6.26h-1Zm0 5.86v0.87h0.7c1.16 0 2.4-0.06 3.88-0.35l-0.1-0.86c-1.42 0.27-2.67 0.34-3.79 0.34h-0.7Zm18.42-7.17v10.85h1v-10.85h-1Zm-3.18 1.16v0.17c0 2.88-1.46 5.18-4.59 6.7l0.53 0.8c3.62-1.78 5.04-4.52 5.04-7.67h-0.98Zm-4.1 0v0.82h4.53v-0.82h-4.53Z"/>
<path
android:strokeColor="#FF747474"
android:strokeWidth="1"
android:pathData="M328.35 315.65L336.35 323.65"/>
<path
android:strokeColor="#FF747474"
android:strokeWidth="1"
android:pathData="M336.35 323.35L328.35 331.35"/>
<path
android:fillColor="#FFA504BF"
android:pathData="M27 347H47V367H27z"/>
<path
android:fillColor="#FF000000"
android:pathData="M69.83 355.45c-0.05-0.43-0.26-0.76-0.62-1-0.37-0.24-0.81-0.36-1.34-0.36-0.39 0-0.73 0.06-1.01 0.19-0.3 0.12-0.52 0.3-0.68 0.51-0.16 0.22-0.24 0.47-0.24 0.75 0 0.23 0.06 0.43 0.17 0.6 0.11 0.17 0.26 0.3 0.43 0.41 0.18 0.11 0.36 0.2 0.56 0.27 0.2 0.07 0.37 0.13 0.53 0.17l0.89 0.24c0.22 0.06 0.48 0.14 0.76 0.24 0.28 0.11 0.55 0.25 0.8 0.43 0.26 0.18 0.47 0.41 0.64 0.7 0.17 0.28 0.25 0.62 0.25 1.03 0 0.47-0.12 0.9-0.37 1.28-0.24 0.38-0.6 0.68-1.07 0.9-0.47 0.23-1.04 0.34-1.71 0.34-0.63 0-1.17-0.1-1.63-0.3-0.45-0.2-0.8-0.48-1.07-0.84-0.26-0.36-0.4-0.78-0.44-1.26h1.1c0.02 0.33 0.13 0.6 0.33 0.82 0.2 0.21 0.44 0.37 0.74 0.48 0.3 0.1 0.62 0.15 0.97 0.15 0.4 0 0.76-0.07 1.08-0.2 0.33-0.13 0.58-0.31 0.77-0.55 0.19-0.24 0.28-0.52 0.28-0.84 0-0.29-0.08-0.52-0.24-0.7-0.17-0.19-0.38-0.33-0.64-0.45-0.27-0.11-0.55-0.21-0.86-0.3l-1.07-0.3c-0.69-0.2-1.23-0.48-1.62-0.84-0.4-0.37-0.6-0.84-0.6-1.43 0-0.49 0.13-0.91 0.4-1.28 0.26-0.36 0.62-0.65 1.07-0.85 0.45-0.2 0.96-0.3 1.51-0.3 0.57 0 1.07 0.1 1.5 0.3 0.44 0.2 0.79 0.47 1.04 0.81 0.26 0.35 0.4 0.74 0.41 1.19h-1.02Zm3.75-2.18V362h-1v-8.73h1Zm3.77 8.88c-0.42 0-0.8-0.07-1.13-0.23-0.34-0.16-0.6-0.39-0.8-0.69-0.2-0.3-0.3-0.66-0.3-1.09 0-0.37 0.07-0.68 0.22-0.91 0.14-0.24 0.34-0.42 0.59-0.55 0.24-0.14 0.52-0.24 0.82-0.3 0.3-0.07 0.6-0.12 0.9-0.16 0.4-0.06 0.72-0.1 0.97-0.12 0.25-0.03 0.43-0.07 0.55-0.14 0.11-0.06 0.17-0.18 0.17-0.34v-0.04c0-0.41-0.11-0.74-0.34-0.97-0.23-0.24-0.58-0.35-1.04-0.35-0.48 0-0.86 0.1-1.13 0.31-0.27 0.21-0.46 0.44-0.57 0.67l-0.96-0.34c0.17-0.4 0.4-0.7 0.68-0.93 0.29-0.22 0.6-0.38 0.94-0.46 0.34-0.1 0.68-0.14 1-0.14 0.22 0 0.46 0.02 0.73 0.08 0.28 0.04 0.54 0.15 0.8 0.3s0.47 0.38 0.64 0.7c0.17 0.3 0.26 0.72 0.26 1.24V362h-1v-0.89h-0.06c-0.07 0.15-0.18 0.3-0.34 0.46-0.16 0.16-0.37 0.3-0.64 0.41-0.26 0.12-0.58 0.17-0.96 0.17Zm0.15-0.9c0.4 0 0.73-0.08 1-0.23 0.28-0.16 0.49-0.36 0.63-0.6 0.14-0.26 0.21-0.52 0.21-0.79v-0.92c-0.04 0.05-0.14 0.1-0.28 0.14-0.14 0.04-0.3 0.08-0.5 0.1-0.18 0.04-0.36 0.06-0.54 0.08l-0.42 0.06c-0.26 0.03-0.5 0.09-0.73 0.16-0.23 0.07-0.4 0.19-0.55 0.34-0.13 0.15-0.2 0.35-0.2 0.6 0 0.35 0.13 0.62 0.39 0.8 0.26 0.17 0.59 0.26 0.99 0.26Zm7.34 0.89c-0.61 0-1.14-0.15-1.58-0.44-0.45-0.29-0.79-0.69-1.03-1.2-0.24-0.5-0.35-1.08-0.35-1.74 0-0.66 0.12-1.25 0.36-1.76 0.25-0.51 0.6-0.9 1.03-1.2 0.45-0.29 0.96-0.43 1.55-0.43 0.46 0 0.88 0.08 1.25 0.25 0.37 0.18 0.67 0.41 0.9 0.72 0.24 0.3 0.39 0.67 0.45 1.08H86.4c-0.08-0.3-0.25-0.57-0.51-0.8-0.26-0.23-0.62-0.35-1.06-0.35-0.4 0-0.73 0.1-1.03 0.31-0.3 0.2-0.52 0.49-0.69 0.86-0.16 0.36-0.24 0.8-0.24 1.29 0 0.5 0.08 0.94 0.24 1.32 0.16 0.37 0.39 0.66 0.68 0.87 0.3 0.2 0.64 0.31 1.04 0.31 0.26 0 0.5-0.04 0.71-0.13 0.22-0.1 0.4-0.23 0.54-0.4 0.15-0.17 0.26-0.37 0.32-0.6h1c-0.05 0.38-0.2 0.72-0.42 1.03-0.22 0.31-0.51 0.56-0.88 0.74-0.36 0.18-0.79 0.27-1.27 0.27Zm4.98-2.53l-0.01-1.24H90l2.86-2.92h1.25l-3.05 3.09h-0.09l-1.16 1.07ZM88.9 362v-8.73h1V362h-1Zm4.15 0l-2.55-3.24 0.71-0.7 3.12 3.94h-1.28Zm11.57-7.98v0.82h2.33v-0.82h-2.33Zm0 1.94v0.82h2.33v-0.82h-2.33Zm-5.83-3.06v0.82h5.71v-0.82h-5.71Zm-0.18 5.24c1.76 0 4.2-0.03 6.29-0.36l-0.06-0.75c-2.03 0.24-4.56 0.27-6.34 0.27l0.1 0.84Zm1.26-4.6v4.03h0.96v-4.03h-0.96Zm2.6 0v4.03h0.95v-4.03h-0.96Zm3.93-1.45v6.7h1v-6.7h-1Zm-2.57 6.91c-2.26 0-3.63 0.7-3.63 1.96 0 1.24 1.37 1.95 3.63 1.95 2.24 0 3.61-0.7 3.61-1.95s-1.37-1.96-3.61-1.96Zm0 0.78c1.64 0 2.63 0.43 2.63 1.18 0 0.74-0.99 1.18-2.63 1.18s-2.63-0.44-2.63-1.18c0-0.75 0.98-1.18 2.63-1.18Zm13.02-7.7v10.86h1v-10.86h-1Zm0.73 4.4v0.83h2v-0.83h-2Zm-3.5-3.23v0.16c0 2.87-1.5 5.18-4.5 6.7l0.55 0.77c3.5-1.76 4.92-4.54 4.92-7.63h-0.97Zm-4 0v0.82h4.51v-0.82h-4.51Zm17.82-1.16v10.85h1v-10.85h-1Zm0.76 4.45v0.84h2.01v-0.84h-2.01Zm-8.17-2.72v0.81h6.4v-0.81h-6.4Zm3.24 1.71c-1.52 0-2.64 1.03-2.64 2.5 0 1.46 1.12 2.5 2.64 2.5 1.54 0 2.64-1.04 2.64-2.5 0-1.47-1.1-2.5-2.64-2.5Zm0 0.83c0.99 0 1.7 0.68 1.7 1.67 0 0.97-0.71 1.67-1.7 1.67-0.98 0-1.69-0.7-1.69-1.67 0-0.99 0.71-1.67 1.7-1.67Zm-0.51-4.14v1.97h1v-1.97h-1Zm16.27-0.13v10.85h1v-10.85h-1Zm-3.18 1.16v0.17c0 2.88-1.45 5.18-4.58 6.7l0.52 0.8c3.63-1.78 5.04-4.52 5.04-7.67h-0.98Zm-4.1 0v0.82h4.53v-0.82h-4.52Z"/>
<path
android:strokeColor="#FF747474"
android:strokeWidth="1"
android:pathData="M328.35 349.65L336.35 357.65"/>
<path
android:strokeColor="#FF747474"
android:strokeWidth="1"
android:pathData="M336.35 357.35L328.35 365.35"/>
<path
android:fillColor="#FF000000"
android:pathData="M27 381H47V401H27z"/>
<path
android:fillColor="#FF000000"
android:pathData="M65.63 387.17V388h6.99v-0.83h-6.99Zm-1.03 7.43v0.82h9.8v-0.82h-9.8Zm3.8-3.88V395h1v-4.28h-1Zm3.84-3.55v1.08c0 1.3 0 2.82-0.4 4.9l1 0.13c0.39-2.2 0.39-3.69 0.39-5.03v-1.08h-0.99Zm11.58-1.08v6.4h0.95v-6.4h-0.95Zm-1.72 2.72v0.83h2.05v-0.83H82.1Zm-0.64-2.52v6.13h0.94v-6.13h-0.94ZM77.49 393v0.82h6.3v3.12h0.98V393H77.5Zm1.86-6.1v0.33c0 2.03-1.25 3.65-3.66 4.63l0.49 0.73c2.74-1.15 4.18-3.1 4.18-5.7h-1.01Zm-3.23 0v0.8h3.59v-0.8h-3.6Zm13.43 0.74v1.76c0 1.87-1.31 3.91-2.88 4.66l0.57 0.79c1.73-0.85 3.11-3.16 3.11-5.45v-1.76h-0.8Zm0.19 0v1.76c0 2.26 1.39 4.37 3.14 5.18l0.57-0.79c-1.6-0.68-2.9-2.55-2.9-4.39v-1.76h-0.81Zm-2.71-0.45v0.84h6.06v-0.84h-6.06Zm7.52-1.1v10.85h1v-10.85h-1Zm6.24 5.46v2.41h1v-2.41h-1Zm4.81-5.46v8.25h1v-8.25h-1Zm-6.4 9.79v0.82h7.66v-0.82H99.2Zm0-2.34v2.57h0.99v-2.57h-1Zm-1.41-1.62c1.97 0 4.6-0.04 6.93-0.4l-0.07-0.74c-2.3 0.3-4.99 0.32-7 0.32l0.14 0.82Zm5.6 0.58v0.73h2.46v-0.73h-2.46Zm-2.2-5.97c-1.6 0-2.68 0.75-2.68 1.89 0 1.15 1.08 1.9 2.67 1.9 1.59 0 2.67-0.75 2.67-1.9 0-1.14-1.08-1.89-2.66-1.89Zm0 0.75c1 0 1.71 0.44 1.71 1.14s-0.7 1.14-1.72 1.14-1.72-0.45-1.72-1.14c0-0.7 0.7-1.14 1.73-1.14Zm11.95 1.54v0.82h2.05v-0.82h-2.05Zm3.8-2.73v8.13h0.95v-8.13h-0.95Zm-2.12 0.21v7.61h0.94v-7.6h-0.94Zm-4 9.58v0.82h7.4v-0.82h-7.4Zm0-2.65v3.1h1v-3.1h-1Zm0.18-6.37v1.6c0 1.28-0.83 2.76-2.23 3.45l0.55 0.77c1.57-0.77 2.47-2.55 2.47-4.23v-1.6H111Zm0.18 0v1.6c0 1.65 0.83 3.24 2.34 3.93l0.56-0.76c-1.35-0.61-2.12-1.9-2.12-3.18v-1.6h-0.78Zm16.56-0.78v10.87h0.98v-10.87h-0.98Zm-2.26 4.09V391h2.4v-0.83h-2.4Zm-5.2 3.35v0.82h0.83c2.07 0 3.39-0.06 4.95-0.33l-0.1-0.82c-1.52 0.29-2.8 0.33-4.84 0.33h-0.83Zm0-6.45v6.73h1v-5.9h4.02v-0.83h-5.01Zm0.74 3.05v0.8h3.81v-0.8h-3.81Z"/>
<path
android:strokeColor="#FF747474"
android:strokeWidth="1"
android:pathData="M328.35 383.65L336.35 391.65"/>
<path
android:strokeColor="#FF747474"
android:strokeWidth="1"
android:pathData="M336.35 391.35L328.35 399.35"/>
<path
android:fillColor="#FF404040"
android:pathData="M27 415H47V435H27z"/>
<path
android:fillColor="#FF000000"
android:pathData="M70.38 422.9v0.82h2.45v-0.82h-2.45Zm2.14-2.81v6.47h1v-6.47h-1Zm-2.57 6.79c-2.24 0-3.62 0.76-3.62 2.03 0 1.28 1.38 2.01 3.62 2.01 2.23 0 3.61-0.73 3.61-2.01 0-1.27-1.38-2.03-3.6-2.03Zm0 0.78c1.63 0 2.63 0.46 2.63 1.25 0 0.78-1 1.23-2.63 1.23s-2.63-0.45-2.63-1.23c0-0.8 1-1.25 2.63-1.25Zm-2.59-6.48v0.88c0 1.56-1.12 3-2.72 3.6l0.51 0.79c1.8-0.67 3.03-2.39 3.03-4.4v-0.87h-0.82Zm0.2 0v0.88c0 1.82 1.16 3.45 2.92 4.09l0.5-0.8c-1.57-0.55-2.62-1.89-2.62-3.3v-0.87h-0.8Zm-2.62-0.3v0.82h5.8v-0.82h-5.8Zm10.7 7.85v0.83h9.83v-0.83h-9.83Zm4.4-2.6v2.84h0.99v-2.83h-1Zm-3.25-5.27v5.54h7.5v-5.54h-0.98v1.93h-5.53v-1.93h-0.99Zm0.99 2.73h5.53v2h-5.53v-2Z"/>
<path
android:strokeColor="#FF747474"
android:strokeWidth="1"
android:pathData="M328.35 417.65L336.35 425.65"/>
<path
android:strokeColor="#FF747474"
android:strokeWidth="1"
android:pathData="M336.35 425.35L328.35 433.35"/>
<path
android:fillColor="#FFA8A8A8"
android:pathData="M27 449H47V469H27z"/>
<path
android:fillColor="#FF000000"
android:pathData="M64.98 455.16v7.05h4.16v-7.05H68.2v2.64h-2.28v-2.64h-0.95Zm0.95 3.44h2.28v2.8h-2.28v-2.8Zm6.93-4.51v10.85h0.96v-10.85h-0.96Zm-3.9 4.11v0.83h2.1v-0.83h-2.1Zm1.75-3.88v10.08h0.95v-10.08H70.7Zm5.39 7.18v0.83h0.85c2.03 0 3.44-0.06 5.12-0.35l-0.1-0.81c-1.64 0.29-3.02 0.33-5.02 0.33H76.1Zm0-6.43v6.72h1v-5.89h4.05v-0.83H76.1Zm0.74 3.04v0.8h4.07v-0.8h-4.07Zm6.13-4.02v10.85h1v-10.85h-1Zm0.77 4.35v0.84h2.02v-0.84h-2.02Zm9.01-2.58v0.47c0 1.43-1.09 2.69-2.7 3.18l0.48 0.78c1.82-0.59 3.04-2.1 3.04-3.96v-0.47h-0.82Zm0.18 0v0.47c0 1.74 1.2 3.2 3 3.77l0.47-0.8c-1.6-0.46-2.65-1.65-2.65-2.97v-0.47h-0.82Zm-2.58-0.5v0.8h5.79v-0.8h-5.79Zm2.4-1.32v1.64h1v-1.64h-1Zm4.72 0.05v6.42h1v-6.42h-1Zm0.72 2.73v0.84h1.88v-0.84H98.2Zm-6.54 4.2v3.77h6.82v-3.78h-6.82Zm5.84 0.78V464h-4.87v-2.19h4.87Zm8.49-5.3v0.83h3.27v-0.83h-3.27Zm0 3.43v0.83h3.27v-0.83h-3.27Zm-2-5.01c-1.58 0-2.7 1.47-2.7 3.78 0 2.31 1.12 3.79 2.7 3.79s2.7-1.48 2.7-3.8c0-2.3-1.12-3.77-2.7-3.77Zm0 0.9c1.05 0 1.77 1.12 1.77 2.88 0 1.76-0.72 2.91-1.77 2.91-1.04 0-1.76-1.15-1.76-2.91 0-1.76 0.72-2.88 1.76-2.88Zm5.06-1.74v10.87h0.98v-10.87h-0.98Z"/>
<path
android:strokeColor="#FF747474"
android:strokeWidth="1"
android:pathData="M328.35 451.65L336.35 459.65"/>
<path
android:strokeColor="#FF747474"
android:strokeWidth="1"
android:pathData="M336.35 459.35L328.35 467.35"/>
<path
android:strokeColor="#FFE7E7E7"
android:strokeWidth="1"
android:pathData="M0 203.5L360 203.5"/>
<path
android:strokeColor="#FFE7E7E7"
android:strokeWidth="1"
android:pathData="M0 295.5L360 295.5"/>
<path
android:strokeColor="#FFE7E7E7"
android:strokeWidth="1"
android:pathData="M0 497.5L360 497.5"/>
<path
android:fillColor="#FF000000"
android:pathData="M18.9 524v-0.77l2.88-3.15c0.34-0.37 0.62-0.7 0.84-0.96 0.22-0.28 0.38-0.54 0.49-0.78 0.1-0.24 0.16-0.5 0.16-0.77 0-0.3-0.08-0.57-0.22-0.8-0.15-0.22-0.35-0.4-0.6-0.51-0.25-0.13-0.54-0.19-0.85-0.19-0.34 0-0.63 0.07-0.88 0.21-0.25 0.14-0.44 0.33-0.58 0.58-0.13 0.25-0.2 0.53-0.2 0.87h-1c0-0.51 0.12-0.96 0.35-1.35 0.24-0.39 0.56-0.69 0.96-0.9 0.41-0.22 0.87-0.33 1.38-0.33 0.51 0 0.97 0.11 1.36 0.33 0.4 0.21 0.7 0.5 0.93 0.87 0.22 0.37 0.34 0.77 0.34 1.22 0 0.32-0.06 0.64-0.18 0.95-0.11 0.3-0.31 0.64-0.6 1.01-0.28 0.38-0.67 0.83-1.17 1.37l-1.96 2.1v0.06h4.06V524h-5.5Zm7.27 0v-0.77l2.88-3.15c0.34-0.37 0.62-0.7 0.83-0.96 0.22-0.28 0.39-0.54 0.5-0.78 0.1-0.24 0.15-0.5 0.15-0.77 0-0.3-0.07-0.57-0.22-0.8-0.14-0.22-0.34-0.4-0.6-0.51-0.25-0.13-0.53-0.19-0.85-0.19-0.33 0-0.63 0.07-0.88 0.21-0.24 0.14-0.43 0.33-0.57 0.58-0.13 0.25-0.2 0.53-0.2 0.87h-1c0-0.51 0.11-0.96 0.35-1.35 0.23-0.39 0.55-0.69 0.96-0.9 0.4-0.22 0.87-0.33 1.38-0.33 0.5 0 0.96 0.11 1.36 0.33 0.4 0.21 0.7 0.5 0.92 0.87 0.23 0.37 0.34 0.77 0.34 1.22 0 0.32-0.06 0.64-0.17 0.95-0.12 0.3-0.32 0.64-0.6 1.01-0.28 0.38-0.67 0.83-1.17 1.37l-1.96 2.1v0.06h4.05V524h-5.5Zm8.01 0.07c-0.2 0-0.39-0.08-0.54-0.23-0.15-0.15-0.22-0.33-0.22-0.54 0-0.2 0.07-0.39 0.22-0.54 0.15-0.15 0.33-0.23 0.54-0.23 0.21 0 0.4 0.08 0.55 0.23 0.15 0.15 0.22 0.33 0.22 0.54 0 0.14-0.03 0.27-0.1 0.38-0.07 0.12-0.17 0.22-0.28 0.29-0.12 0.06-0.24 0.1-0.39 0.1Zm5.1 0.05c-0.64 0-1.19-0.17-1.64-0.52-0.45-0.36-0.8-0.87-1.03-1.53-0.24-0.68-0.36-1.49-0.36-2.43 0-0.95 0.12-1.75 0.36-2.42 0.24-0.67 0.58-1.18 1.03-1.53 0.46-0.36 1-0.54 1.64-0.54 0.64 0 1.18 0.18 1.63 0.54 0.46 0.35 0.8 0.86 1.04 1.53s0.37 1.47 0.37 2.42-0.12 1.75-0.36 2.43c-0.24 0.66-0.59 1.17-1.04 1.52-0.45 0.36-1 0.53-1.64 0.53Zm0-0.94c0.64 0 1.13-0.3 1.48-0.92 0.36-0.61 0.53-1.49 0.53-2.62 0-0.76-0.08-1.4-0.24-1.93-0.16-0.54-0.39-0.94-0.7-1.22-0.29-0.28-0.65-0.42-1.07-0.42-0.63 0-1.12 0.31-1.48 0.94-0.35 0.62-0.53 1.5-0.53 2.63 0 0.75 0.08 1.4 0.24 1.92 0.16 0.53 0.39 0.93 0.68 1.2 0.3 0.28 0.67 0.42 1.1 0.42Zm7.38 0.94c-0.5 0-0.95-0.1-1.35-0.3-0.4-0.2-0.72-0.47-0.96-0.82-0.24-0.34-0.38-0.74-0.4-1.18h1.02c0.04 0.4 0.22 0.72 0.54 0.98 0.32 0.25 0.7 0.38 1.15 0.38 0.36 0 0.68-0.08 0.96-0.25 0.28-0.17 0.5-0.4 0.66-0.69 0.16-0.3 0.24-0.63 0.24-1 0-0.38-0.08-0.72-0.25-1.02-0.17-0.3-0.4-0.54-0.68-0.71-0.3-0.17-0.62-0.26-1-0.27-0.26 0-0.54 0.04-0.82 0.13-0.28 0.08-0.51 0.19-0.7 0.32l-0.98-0.12 0.53-4.3h4.53v0.94H45.5l-0.3 2.57h0.05c0.18-0.14 0.4-0.26 0.67-0.35 0.27-0.1 0.55-0.14 0.84-0.14 0.54 0 1.01 0.13 1.43 0.38 0.42 0.26 0.75 0.6 0.99 1.04 0.24 0.44 0.36 0.95 0.36 1.51s-0.12 1.06-0.37 1.5c-0.25 0.43-0.59 0.77-1.03 1.02-0.43 0.25-0.92 0.38-1.48 0.38Zm5-0.05c-0.21 0-0.4-0.08-0.54-0.23-0.15-0.15-0.23-0.33-0.23-0.54 0-0.2 0.08-0.39 0.23-0.54 0.15-0.15 0.33-0.23 0.54-0.23 0.2 0 0.39 0.08 0.54 0.23 0.15 0.15 0.22 0.33 0.22 0.54 0 0.14-0.03 0.27-0.1 0.38-0.07 0.12-0.16 0.22-0.28 0.29-0.11 0.06-0.24 0.1-0.38 0.1Zm4.58-8.8V524h-1.06v-7.62h-0.05L53 517.8v-1.07l2.18-1.45h1.06Zm5.35 8.85c-0.64 0-1.19-0.17-1.64-0.52-0.45-0.36-0.8-0.87-1.03-1.53-0.24-0.68-0.36-1.49-0.36-2.43 0-0.95 0.12-1.75 0.36-2.42 0.24-0.67 0.59-1.18 1.04-1.53 0.45-0.36 1-0.54 1.63-0.54 0.64 0 1.18 0.18 1.64 0.54 0.45 0.35 0.8 0.86 1.04 1.53s0.36 1.47 0.36 2.42-0.12 1.75-0.36 2.43c-0.24 0.66-0.58 1.17-1.04 1.52-0.45 0.36-1 0.53-1.64 0.53Zm0-0.94c0.64 0 1.13-0.3 1.49-0.92 0.35-0.61 0.53-1.49 0.53-2.62 0-0.76-0.09-1.4-0.25-1.93-0.16-0.54-0.39-0.94-0.69-1.22-0.3-0.28-0.66-0.42-1.08-0.42-0.63 0-1.12 0.31-1.47 0.94-0.36 0.62-0.54 1.5-0.54 2.63 0 0.75 0.08 1.4 0.24 1.92 0.16 0.53 0.39 0.93 0.69 1.2 0.3 0.28 0.66 0.42 1.08 0.42Zm5.03-3.54c0-1.08 0.14-2.06 0.42-2.97 0.28-0.9 0.68-1.73 1.2-2.49h0.89c-0.2 0.28-0.4 0.63-0.58 1.04-0.17 0.41-0.33 0.86-0.46 1.35-0.14 0.5-0.24 1-0.32 1.52-0.07 0.52-0.1 1.04-0.1 1.55 0 0.67 0.06 1.36 0.19 2.06s0.3 1.34 0.53 1.93c0.22 0.6 0.47 1.09 0.74 1.46h-0.89c-0.52-0.76-0.92-1.59-1.2-2.49-0.28-0.9-0.42-1.89-0.42-2.96Zm3.77 2.57v-0.87l3.84-6.07h0.63v1.35h-0.43l-2.9 4.59v0.06h5.17v0.94h-6.31Zm4.1 1.79v-2.05-0.4-6.28h1.01V524h-1Zm3.8 0v-0.77l2.88-3.15c0.34-0.37 0.62-0.7 0.84-0.96 0.22-0.28 0.38-0.54 0.49-0.78 0.1-0.24 0.16-0.5 0.16-0.77 0-0.3-0.08-0.57-0.22-0.8-0.15-0.22-0.35-0.4-0.6-0.51-0.25-0.13-0.54-0.19-0.85-0.19-0.34 0-0.63 0.07-0.88 0.21-0.25 0.14-0.44 0.33-0.58 0.58-0.13 0.25-0.2 0.53-0.2 0.87h-1c0-0.51 0.12-0.96 0.35-1.35 0.24-0.39 0.56-0.69 0.96-0.9 0.41-0.22 0.87-0.33 1.38-0.33 0.51 0 0.97 0.11 1.36 0.33 0.4 0.21 0.7 0.5 0.93 0.87 0.22 0.37 0.34 0.77 0.34 1.22 0 0.32-0.06 0.64-0.18 0.95-0.11 0.3-0.31 0.64-0.6 1.01-0.28 0.38-0.67 0.83-1.17 1.37l-1.96 2.1v0.06h4.06V524h-5.5Zm10.22 0.12c-0.56 0-1.07-0.1-1.5-0.29-0.44-0.2-0.8-0.46-1.05-0.8-0.26-0.35-0.4-0.75-0.42-1.21h1.08c0.02 0.28 0.12 0.52 0.29 0.73 0.17 0.2 0.39 0.36 0.67 0.47 0.27 0.1 0.58 0.16 0.91 0.16 0.38 0 0.7-0.06 1-0.2 0.29-0.13 0.52-0.3 0.68-0.54 0.17-0.23 0.25-0.5 0.25-0.8 0-0.33-0.08-0.61-0.24-0.86-0.16-0.24-0.4-0.44-0.7-0.58-0.3-0.14-0.68-0.2-1.12-0.2h-0.7v-0.94h0.7c0.34 0 0.65-0.07 0.9-0.2 0.27-0.12 0.48-0.3 0.62-0.52 0.16-0.23 0.23-0.5 0.23-0.8 0-0.3-0.06-0.55-0.2-0.77-0.13-0.22-0.31-0.4-0.55-0.51-0.23-0.13-0.51-0.19-0.83-0.19-0.3 0-0.59 0.06-0.86 0.17-0.26 0.1-0.48 0.27-0.64 0.47-0.17 0.2-0.26 0.45-0.28 0.75h-1.02c0.02-0.46 0.15-0.86 0.41-1.2 0.26-0.35 0.6-0.62 1.02-0.82 0.42-0.19 0.88-0.29 1.38-0.29 0.54 0 1 0.11 1.4 0.33 0.38 0.22 0.68 0.5 0.88 0.86 0.21 0.35 0.31 0.74 0.31 1.15 0 0.49-0.13 0.9-0.38 1.26-0.26 0.34-0.6 0.58-1.05 0.72v0.06c0.55 0.1 0.98 0.33 1.3 0.7 0.3 0.38 0.46 0.85 0.46 1.4 0 0.48-0.13 0.9-0.39 1.28-0.26 0.37-0.6 0.67-1.05 0.88-0.44 0.22-0.95 0.33-1.51 0.33Zm4.96-0.12l3.9-7.72v-0.07h-4.5v-0.94h5.6v1L94.58 524h-1.1Zm9.2 0.12c-0.5 0-0.95-0.1-1.36-0.3-0.4-0.2-0.72-0.47-0.96-0.82-0.24-0.34-0.37-0.74-0.4-1.18h1.03c0.04 0.4 0.22 0.72 0.53 0.98 0.33 0.25 0.71 0.38 1.16 0.38 0.35 0 0.67-0.08 0.95-0.25 0.28-0.17 0.5-0.4 0.66-0.69 0.16-0.3 0.24-0.63 0.24-1 0-0.38-0.08-0.72-0.25-1.02-0.16-0.3-0.39-0.54-0.68-0.71-0.29-0.17-0.62-0.26-1-0.27-0.26 0-0.53 0.04-0.81 0.13-0.29 0.08-0.52 0.19-0.7 0.32l-0.99-0.12 0.53-4.3h4.53v0.94h-3.64l-0.31 2.57h0.05c0.18-0.14 0.4-0.26 0.67-0.35 0.27-0.1 0.55-0.14 0.85-0.14 0.53 0 1 0.13 1.43 0.38 0.42 0.26 0.75 0.6 0.98 1.04 0.25 0.44 0.37 0.95 0.37 1.51s-0.13 1.06-0.38 1.5c-0.25 0.43-0.59 0.77-1.02 1.02-0.44 0.25-0.93 0.38-1.48 0.38Zm7.64-8.85V524h-1.06v-7.62h-0.05l-2.13 1.41v-1.07l2.18-1.45h1.06Zm4.67 4.37c0 1.07-0.14 2.06-0.42 2.96-0.28 0.9-0.68 1.73-1.2 2.5h-0.88c0.2-0.29 0.4-0.64 0.57-1.05 0.18-0.4 0.33-0.86 0.47-1.34 0.13-0.5 0.23-1 0.3-1.53 0.08-0.52 0.12-1.04 0.12-1.54 0-0.68-0.06-1.37-0.2-2.06-0.12-0.7-0.3-1.34-0.52-1.94-0.22-0.6-0.47-1.08-0.74-1.46h0.88c0.52 0.76 0.92 1.6 1.2 2.5 0.28 0.9 0.42 1.88 0.42 2.96Z"/>
<path
android:fillColor="#FF8F8F8F"
android:pathData="M19.44 532.76v0.61h7.35v-0.61h-7.35Zm3.31-1.22v1.4h0.74v-1.4h-0.74Zm-2.49 2.62v0.62h4.88v1.92h0.75v-2.54h-5.63Zm0.16-5.4v3.04h5.42v-3.04h-0.75v0.91h-3.93v-0.91h-0.74Zm0.74 1.5h3.93v0.94h-3.93v-0.94Zm8.56-1v1.47c0 1.48-0.93 3.05-2.1 3.64l0.45 0.6c1.29-0.69 2.26-2.44 2.26-4.24v-1.46h-0.61Zm0.13 0v1.47c0 1.74 0.95 3.4 2.2 4.08l0.47-0.6c-1.15-0.57-2.06-2.05-2.06-3.48v-1.46h-0.6Zm3.38-0.7v8.14h0.75v-8.13h-0.75Zm0.57 3.3v0.63h1.52v-0.63H33.8Zm7.72-3.3v8.14h0.74v-8.13h-0.74Zm0.56 3.35v0.63h1.52v-0.63h-1.52Zm-6.12-2.05v0.61h4.8v-0.6h-4.8Zm2.43 1.29c-1.14 0-1.98 0.77-1.98 1.87s0.84 1.87 1.98 1.87c1.16 0 1.98-0.77 1.98-1.87s-0.82-1.87-1.98-1.87Zm0 0.62c0.74 0 1.27 0.51 1.27 1.25 0 0.73-0.53 1.25-1.27 1.25-0.73 0-1.27-0.52-1.27-1.25 0-0.74 0.54-1.25 1.27-1.25Zm-0.38-3.1v1.47h0.74v-1.48h-0.74Zm12.22-0.11v8.15h0.74v-8.15h-0.74Zm-1.6 1.86v0.61h1.8v-0.61h-1.8Zm-4.05 3.77v0.63h0.6c1.3 0 2.34-0.04 3.62-0.24l-0.08-0.62c-1.24 0.2-2.27 0.23-3.53 0.23h-0.6Zm-0.01-4.9v0.63h2.81v1.68h-2.8v2.74h0.74v-2.13h2.8v-2.92h-3.55Zm4 3.35v0.62h1.8v-0.62h-1.8Zm7.9-2.64v0.6h2.27V530h-2.28Zm0 1.73v0.63h2.29v-0.63h-2.3Zm-3.53-2.46v3.81h3.71v-3.81h-3.71Zm2.98 0.6v2.61h-2.25v-2.6h2.25Zm2.59-1.3v5.94h0.74v-5.93h-0.74Zm-4.48 7.34v0.61h5.42v-0.61h-5.42Zm0-1.93v2.2h0.74v-2.2h-0.74Zm9.69-1.79v0.61h0.52c1.3 0 2.08-0.03 3.02-0.21l-0.08-0.62c-0.9 0.19-1.66 0.22-2.94 0.22h-0.52Zm0-3.14v3.58h0.72v-2.97h2.43v-0.6h-3.15Zm0.5 1.55v0.58h2.55v-0.58h-2.56Zm5.3-2.02v4.6h0.7v-4.6h-0.7Zm-1.28 1.96v0.6h1.53v-0.6h-1.53Zm-0.52-1.81v4.4h0.7v-4.4h-0.7Zm-2.82 4.78v3.08h5.33v-3.08H69.5v0.9h-3.87v-0.9H64.9Zm0.74 1.5h3.87v0.97h-3.87V535Zm11.53-6.44v8.13h0.74v-8.13h-0.74Zm0.56 3.33v0.63h1.51v-0.63h-1.5Zm-6.12-2.04v0.61h4.8v-0.6h-4.8Zm2.43 1.29c-1.14 0-1.98 0.77-1.98 1.87s0.84 1.87 1.98 1.87c1.15 0 1.98-0.77 1.98-1.87s-0.83-1.87-1.98-1.87Zm0 0.62c0.74 0 1.27 0.51 1.27 1.25 0 0.73-0.53 1.25-1.27 1.25s-1.27-0.52-1.27-1.25c0-0.74 0.53-1.25 1.27-1.25Zm-0.39-3.1v1.47h0.75v-1.48h-0.75Zm9.49 2.8v0.62h1.56v-0.62h-1.56Zm-1.52-2.14v1.55c0 1.4-0.67 2.85-1.78 3.5l0.47 0.58c1.18-0.73 1.9-2.38 1.9-4.08v-1.55h-0.6Zm0.14 0v1.52c0 1.59 0.66 3.2 1.83 3.93l0.43-0.59c-1.07-0.65-1.68-2.03-1.68-3.34v-1.52h-0.58Zm4.37-0.76v8.13h0.72v-8.13h-0.72Zm-1.65 0.17v7.56h0.7v-7.56h-0.7Zm5.54 4.01v2.44h0.73v-2.44h-0.73Zm3 0v2.44h0.75v-2.44h-0.75Zm-4.8 2.3v0.62h7.37v-0.62h-7.37Zm3.67-5.97c-1.73 0-2.96 0.82-2.96 2.1 0 1.27 1.23 2.08 2.96 2.08 1.72 0 2.95-0.81 2.95-2.08 0-1.28-1.23-2.1-2.95-2.1Zm0 0.6c1.3 0 2.23 0.59 2.23 1.5 0 0.9-0.93 1.49-2.23 1.49-1.3 0-2.24-0.6-2.24-1.5s0.93-1.5 2.24-1.5Zm5.4 6.37c-0.16 0-0.3-0.05-0.41-0.17-0.11-0.11-0.17-0.25-0.17-0.4 0-0.16 0.06-0.3 0.17-0.41 0.11-0.11 0.25-0.17 0.4-0.17 0.16 0 0.3 0.06 0.41 0.17 0.11 0.11 0.17 0.25 0.17 0.4 0 0.11-0.03 0.2-0.08 0.3-0.05 0.08-0.12 0.15-0.2 0.2-0.1 0.06-0.19 0.08-0.3 0.08Z"/>
</vector>
Figma에서 만든 화면과 같게 나오는 것을 볼 수 있다.
(장점 : 쉽고 편하게 레이아웃을 구현할 수 있음
단점 : TextView가 하나하나 구성되는 것이 아니라 drawable형태로 구성되기 때문에 개인적인 코드 수정은 불가능)
728x90
반응형
'안드로이드 스튜디오' 카테고리의 다른 글
| [안드로이드 스튜디오 코틀린] WebView에서 카메라 설정 (0) | 2022.06.09 |
|---|---|
| [안드로이드 스튜디오] MVVM 패턴 (0) | 2022.05.24 |
| [안드로이드 스튜디오] RxJava에 대해 알아보자 (0) | 2022.05.16 |
| [안드로이드 스튜디오] Dagger2는 무엇인가? (0) | 2022.05.15 |
| [안드로이드 스튜디오 코틀린] 쉬운 하단 바 네비게이션바 만들기 ( +자바 코드 추가) (8) | 2022.04.24 |
