달력

12

« 2019/12 »

  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  
  •  
  •  
  •  

상대적인 비율로 크기 조정하기

   

   

layout_weight 비율 명시

  • 같은 비율은 0으로 지정하고
  • 크기를 키울것은 1로 지정해서 비율로 크기를 조절할 수 있습니다.

   

   

강의 내용

activity_main.xml

LinearLayout 변경

-android:orientation="vertical"

-Graphical Layout > Form Widgets-Button추가

-Graphical Layout > Text Fields-Plain Text 추가

-Graphical Layout > Form Widgets-Button추가

android:layout_weight ( 0:1:0)

   

   

 

   

출력 결과

비율 미지정

   

비율 지정

   

Posted by codedragon codedragon

댓글을 달아 주세요

margin / padding 지정

   

   

margin 과 padding

margin

뷰와 부모 사이에 적용되며 패딩은 뷰와 내용물 사이에 적용됩니다.

padding

뷰와 내용물간의 간격을 지정합니다.

버튼의 경우 버튼 내부의 문장과 버튼 테두리와의 간격이 패딩이며 레아웃의 경우 차일드 뷰와의 간격이 패딩이 됩니다.

   

   

   

강의 내용

activity_main.xml

LinearLayout 변경

-android:orientation="vertical"

-Graphical Layout > Form Widgets-Button추가 1

-Graphical Layout > Form Widgets-Button추가 2

1에 margin 지정 > 확인

2에 padding 지정> 확인

   

   

 

   

출력 결과

마진 테스트

   

   

패팅 테스트

   

 

Posted by codedragon codedragon

댓글을 달아 주세요

Layout_gravity로 버튼 위치 지정하기

   

   

강의 내용

activity_main.xml

LinearLayout 변경

-android:orientation="vertical"

Graphical Layout > Form Widgets-Button추가

-android:layout_width="match_parent"

-android:layout_height="match_parent"

Graphical Layout > Form Widgets-Button추가

-android:layout_width="wrap_content"

-android:layout_height="wrap_content"

-android:layout_gravity="center_horizontal"

확인

   

   

 

   

출력 결과

   

   

   

   

   

Posted by codedragon codedragon

댓글을 달아 주세요

LinearLayout - 수직/수직 정렬(orientation)

   

강의 내용

LinearLayout으로 부모 컨테이너 변경 > orientation

버튼1, 버튼2 추가하여 수직 정렬 확인

LinearLayout추가

버튼3, 버튼4 추가하여 수평 정령 (하나만 match_parent)

버튼3, 버튼4 모두 같은 크기 비율로 맞춰보기(모두 wrap_content/layout_weight="1")

버튼1을 layout_height="wrap_content"

 

직접 xml 코딩하면서 테스트

activity_main.xml

LinearLayout변경

-android:orientation="vertical"

-Graphical Layout > Form Widgets-Button추가 1

-Graphical Layout > Form Widgets-Button추가 2

수직 정렬확인

Graphical Layout > Layouts-LinearLayout 추가

-Graphical Layout > Form Widgets-Button추가 3

-Graphical Layout > Form Widgets-Button추가 4

-3, 4수평 정렬 (하나만 match_parent)

-3, 4모두 같은 크기 비율로 맞춰보기(모두 wrap_content/layout_weight="1")

-1 layout_height="wrap_content"

   

   

xml의 위젯 ID생성

@+id/id명

   

   

 

   

출력 결과

수직정렬 확인

   

수평정렬 확인

   

버튼3, 버튼4 모두 같은 크기의 비율로 맞추기

   

버튼1만 layout_height="match_parent"

 

Posted by codedragon codedragon

댓글을 달아 주세요

2014. 6. 17. 01:14

LinearLayout Development/Android

LinearLayout

 

LinearLayout

박스 모델, 즉 위젯이나 다른 하위 컨테이너가 가로나 세로 방향으로 하나씩 차례로 정렬되는 레이아웃을 지원합니다.

   

 

LinearLayout의 주요 레이아웃 특성들

특성이름

적용대상

설명

android:orientation

부모 뷰

horizontal 또는 vertical

고유속성

자식 뷰들을 하나의 행으로(수평 방향)표시할 것인지 하나의 열로(수직 방향) 표시할 것인지를 결정합니다.

android:gravity

부모 뷰

다음 상수들 중 하나 또는 여러 개를 '|' 결합한 것 : top, bottom, left, right, center_vertical, fill_vertical, center_horizontal, fill_horizontal, center, fill

부모 안의 구성요소의 위치 정의

android:layout_gravity

자식 뷰

다음 상수들 중 하나 또는 여러 개를 '|' 결합한 것 : top, bottom, left, right, center_vertical, fill_vertical, center_horizontal, fill_horizontal, center, fill

특정 자식 뷰의 위치 정의

부모를 기준으로 자신의 위치 지정

   

android:gravity

  • 자신 내부의 구성요소의 위치 정의
  • 레이아웃에 명시해서 View의 위치 지정
    (일반적, 레이아웃에 명시해서 view(Button, TextView)를 제어)
  • 버튼에 명시해 버튼 내의 text의 위치 지정

 

android:layout_gravity

  • 부모를 기준으로 자신의 위치 지정
  • view(Button, TextView)에 명시해서 레이아웃 기준으로 View가 배치되는 위치 지정

 

중앙정렬 속성값:

center

정중앙

center_vertical

좌측 중앙

center_horizental

상단 중앙

   

   

   

Posted by codedragon codedragon

댓글을 달아 주세요

컨테이너 종류

구분

설명

LinearLayout

박스 모델, 즉 위젯이나 다른 하위 컨테이너가 가로나 세로 방향으로 하나씩 차례로 정렬되는 레이아웃을 지원합니다..

RelativeLayout

자식 뷰들을 상대적인 관계에 따라 배치됩니다.

FrameLayout

여러 자식 뷰들을 겹쳐서 그리고자 할 때 사용하는 레이아웃. 이 레이아웃은 여러 이미지들을 같은 영역에 표시하고자 할 때 사용합니다.

TableLayout

자식 뷰들을 열과 행으로 조직화된 표 형태로 배치합니다.

GridLayout

격자 모양의 표을 만들 수 있는 레이아웃

   

   

Layout 속성

layout_width

fill model 속성으로 넓이 채우기

layout_height

fill model 속성으로 높이 채우기

orientation

방향 설정

padding

여유공간 설정

weight

공간의 가중치 값 설정

layout_gravity

   

부모 컨테이너의 여유 공간에 있는 뷰를 정렬할 때

gravity

뷰에서 표시하는 내용물을 정렬할 때

   

gravity 속성 값

top

buttom

left

right

center_vertical

center_horizontal

fill_vertical

fill_horizontal

center

fill

clip_vertical

clip_horizontal

  

   

 

margin 과 padding

margin

뷰와 부모 사이에 적용되며 패팅은 뷰와 내용물 사이에 적용됩니다.

padding

뷰와 내용물간의 간격을 지정합니다.

버튼의 경우 버튼 내부의 문장과 버튼 테두리와의 간격이 패딩이며 레아웃의 경우 차일드 뷰와의 간격이 패딩이 됩니다.

 

 

   

   

Posted by codedragon codedragon

댓글을 달아 주세요

 

View

안드로이드 UI의 기본적인 구축 요소.

안드로이드 SDK의 거의 모든 위젯과 레이아웃 클래스의 기반 클래스

   

   

View 클래스의 기본 메소드와 용도 

메서드

용도

setBackgroundColor(int color)

백그라운드 색상 설정

setBackgroundDrawable(Drawable d)

백그라운드 이미지 설정

setMinimumHeight(int minHeight)

최소 높이 설정

setMinimumWidth(int minWidth)

최소 너비 설정

setPadding(int left, int right, int top, int bottom)

여백 사이즈 설정

setClickable(boolean c)

엘리먼트의 클릭 가능 여부 체크

setFocusable(boolean f)

엘리먼트의 포커스 가능 여부 체크

setOnClickListener(OnClickListener l)

클릭 이벤트 발생 여부 체크 설정

setOnFocusChangeListener(OnFocusChangeListener l)

포커스 이벤트 발생 여부 체크 설정

setLayoutParams(ViewGroup.LayoutParams l)

레이아웃 파라미터 설정

   

   

   

TextView

텍스트뷰는 Activity에 테스트(문자열)을 표시하기 위한 뷰이다.

   

TextView 주요 메서드 

메서드

용도

setGravity(int gravity)

중력(위, 아래, 왼쪽, 오른쪽 등) 셋팅

setHeight(int height)

높이 셋팅

setWidth(int width)

넓이 셋팅

setTypeFace(TypeFace face)

서체 셋팅

setText(CharSequence text)

텍스트 셋팅

   

   

XML 레이아웃 파일에 기재되는 주요 속성 

속성

문자열,리소드 ID

의미

android:layout_width

수치와 단위

sp

dp

px

안드로이드에서기본적으로 제공하는 레이아웃들을 사용할 때 항상 지정해야 하는 속성

누락시 오류발생

android:layout_height

수치와 단위

sp

dp

px

안드로이드에서기본적으로 제공하는 레이아웃들을 사용할 때 항상 지정해야 하는 속성

누락시 오류발생

android:typeface

normal

sans

serif

monospace

  

문자열 스타일 지정(문자열 폰트 설정)

안드로이드에서 제공하는 몇개의 내장 폰트를 설정할 수 있습니다.

  

android:textStyle

italic

bold

  

굵은 글꼴(bold), 기울인 글꼴(italic), 굵은 글꼴과 기울인 글꼴(bold_italic)로 할지 지정

| 기호를 통해 여러 개의 속성값 지정( bold|italic )

  

android:textColor

#FF0000 – 빨간색

색깔을 16진수 RGB 포맷으로 지정

android:text

문자열, 리소드ID

텍스트 뷰로 표시하는 텍스트

android:gravity

left, center 등

뷰보다 텍스트가 짧을 때 정렬 위치

android:maxLines

정수값

표시할 최대 행수

android:minLines

정수값

표시할 최소 행수

android:textSize

수치와 단위

sp

dp

px

텍스트의 사이즈를 지정함.

단위에는 sp(스케일된 픽셀수)나 mm(밀리미터)등을 사용할 수 있음

android:cursorVisible

true, false

true의 경우에는 cursor를 표시함

android:password

true, false

true의 경우에는 입력된 문자를 표시하지 않고 패스워드 Dot를 표시함

android:singleLine

true, false

false: 기본값, 여러줄로 표시

android:lineSpacingMultiplier

정수값

줄 간격을 배수로 설정

android:lineSpacingExtra

정수값

줄 간격을 여유값으로 설정

android:capitalize

characters(글자)

words(단어)

sentences(문장)

각 단위로 맨 앞 글자를 대문자로 표시

android:ellipsize

none(기본값, 뒷부분)

start(앞부분)

middle(중간부분)

end(끝부분)

문자열에서 잘라서 표시할 부분을 설정

줄임 표시

android:margin

수치와 단위

위젯과 내용물 사이의 여백

android:layout_margin

수치와 단위

위젯과 부모 컨테이너 사이의 여백

   

   

id속성

선언

@+id/[ID]

참조

R.id.[ID]

   

   

backgroud 속성

색상지정 Format

#RGB

#ARGB

#RRGGBB

#AARRGGBB

이미지 리소스 지정

android:backgroud="@drawable/mainimage"

   

   

여백 속성 도식도

   

   

autoLink 속성 값

텍스트에 문맥 링크 추가

문자열에 들어 있는 링크 정보를 자동으로 찾아 링크 색상으로 표시하고 누르면 필요한 기능을 수행하게 됩니다.

autoLink 속성에 사용할 수 있는 값 (ex : android:autoLink="web|email")

내용

web

텍스트 안의 URL을 링크로 만듭니다.

클릭하면 웹 브라우저가 실행되면서 해당 페이지가 표시됩니다.

email

텍스트 안의 이메일 주소를 링크로 만듭니다.

클릭하면 메일 클라이언트가 실행됩니다.(해당 수신자가 자동으로 입력된 상태로)

phone

텍스트 안의 전화번호를 링크로 만듭니다.

클릭하면 전화 걸기 응용프로그램이 실행됩니다.(해당 번호가 입력된 상태로)

map

텍스트 안의 지리적 주소를 링크로 만듭니다.

클릭하면 Google 지도 응용프로그램이 실행되고 해당 위치정보를 표시해줍니다.

none

자동 링크를 사용하지 않음(기본값)

all

web, email, phone, map을 모두 사용

linksClickable="false" 여러 링크 대상 형식들을 강조해서 표시하되 사용자가 클릭하지는 못 함

   

   

View의 계층도

TAG @+id, aarrggbb, Android, android:capitalize, android:cursorVisible, android:ellipsize, android:gravity, android:layout_height, android:layout_margin, android:layout_width, android:lineSpacingExtra, android:lineSpacingMultiplier, android:margin, android:maxLines, android:minLines, android:password, android:singleLine, android:text, android:textColor, android:textSize, android:textStyle, android:typeface, App, argb, autoLink, backgroud 속성, bold, button, cursor, eclipse, email, google, id속성, italic, java, java programming, JDK, LinearLayout, linksClickable, map, margin, mobile, monospace, object, padding, phone, R.id, rgb, rrggbb, sans, sdk, serif, setBackgroundColor, setBackgroundDrawable, setClickable, setFocusable, setGravity, setHeight, setLayoutParams, setMinimumHeight, setMinimumWidth, setOnClickListener, setOnFocusChangeListener, setPadding, setText, setTypeFace, setWidth, smartphone, SUN, Sun microsystems, TextView, View class, View 계층도, View 클래스, viewgroup, View의 계층도, web, XML 레이아웃, 구글, 너비, 넓이, 높이, 레이아웃, 레이아웃 파라미터, 모바일폰, 문자열 스타일, 문자열 폰트, 백그라운드, 부모 컨테이너, 뷰 계층도, 뷰 클래스, 색상지정, 색상지정 Format, 색상지정 형식, 서체, 셋팅, 스마트폰, 안드로이드, 안드로이드 sdk, , 엘리먼트, 엘리먼트 클릭, 엘리먼트 포커스, 여백, 여백 사이즈, 여백 속성, 여백 속성 도식도, 위젯, 이미지 리소스 지정, 이클립스, 자바, 자바 프로그래밍, 줄 간격, 줄임, 중력, 클릭 이벤트, 텍스트, 텍스트뷰, 포커스, 포커스 이벤트
Posted by codedragon codedragon

댓글을 달아 주세요