달력

1

« 2020/1 »

  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  

액션바에 메뉴 등록후 메뉴항목 선택시 토스트 메시지 출력

   

   

강의 내용

/layout/activity_main.xml.xml

RelativeLayout 변경

Graphical Layout > Form Widgets-TextView 추가

  

/menu/main.xml

main.xml 수정

XML로 메뉴 항목 작성

MainActivity.java

import android.view.Menu;

import android.view.MenuItem;

//ActionBar 형태 지정

// MenuInflater를 통해 XML파일의 메뉴정보를 읽어들여 메뉴 등록

//메뉴의 아이템을 클릭 시 자동 호출되는 onOptionsItemSelected 재정의

AndroidManifest.xml

<uses-sdk android:minSdkVersion="14" 의 홈 링크 확인 후

//API버전 11부터 사용 가능한 것으로 다시 표시 ( <아이콘 타이틀 표시)

   

   

AndroidManifest.xml minSdkVersion=14로 수정

   

 

   

출력 결과

   

Ctrl + F11

   

   

   

   

   

   

   

   

   

   

   

Posted by codedragon codedragon

댓글을 달아 주세요

ActionBar형태 확인 및 테스트

   

   

강의 내용

/layout/activity_main.xml.xml

RelativeLayout 변경

Graphical Layout > Form Widgets-TextView 추가

  

AndroidManifest.xml

<uses-sdk android:minSdkVersion="11"

MainActivity.java

import android.app.ActionBar;

//ActionBar생성

>확인

//타이틀 셋팅

>확인

//서브타이틀 셋팅

>확인

//타이틀 영역을 제거하고 아이콘만 보이게 하기

>확인

//ActionBar 숨기기

>확인

//ActionBar 보이기

>확인

   

   

ActionBar

  • API 11부터 사용가능
  • AndroidMainifest.xml의 minSDKVersion을 11이상으로 지정해야 함

   

   

 

   

출력 결과

//ActionBar생성

   

//타이틀 셋팅

   

//서브타이틀 셋팅

   

//타이틀 영역을 제거하고 아이콘만 보이게 하기

   

//ActionBar 숨기기

   

//ActionBar 보이기

   

Posted by codedragon codedragon

댓글을 달아 주세요

컨텍스트 메뉴 생성

   

   

강의 내용

activity_main.xml

RelativeLayout 변경

Graphical Layout > Composite-ListView 추가

-android:id="@android:id/list"

MainActivity.java

extends ListActivity

//배열 생성

//어댑터 생성

//ListView에 Adapter객체 등록

//컨텍스트 메뉴 생성

//컨텍스트 메뉴의 아이템을 클릭에 따른 이벤트 발생에 대한 처리

   

   

   

출력 결과

   

아이템을 길게 터치하면 컨텍스트 메뉴가오픈됩니다.

   

 

Posted by codedragon codedragon

댓글을 달아 주세요

   

Menu 종류

옵션메뉴(Option Menu)

단말의 메뉴버튼을 눌렀을 때 표시되는 메뉴.

   

옵션메뉴는 각각의 화면마다 설정할 수 있습니다.

컨텍스트메뉴(Context Menu)

항목을 길게 눌렀을 때 표시되는 메뉴.

   

컨텍스트메뉴는 각각의 뷰마다 설정할 수 있습니다.

   

   

Menu추가

옵션메뉴와 컨텍스트 메뉴를 추가하기 위해서는 두개의 메소드를 재정의함으로써 메뉴 아이템을 추가할 수 있습니다.

public boolean onCreateOptionsMenu(Menu menu)

public boolean onOptionsItemSelected(MenuItem item)

   

Menu객체의 Add메소드 인자

인자

설명

groupId

메뉴 아이템 그룹 지정, 미지정시 Menu.NONE=0

itemId

메뉴 아이템 부여된 ID

order

메뉴 아이템이 표시될 순서, 미지정시 Menu.NONE=0

title

메뉴 아이템이 표시될 텍스트        

   

   

   

Menu관련 멤버 메소드

onCreateOptionsMenu( )

옵션메뉴 추가

onOptionsItemSelected( )

컨텍스트메뉴 추가

onPrepareOptionsMenu( )

화면의 메뉴 변경

onOptionItemSelected( )

메뉴 아이템 선택시 자동호출되는 메소드

   

   

   

/menu/main.xml

  • 메뉴를 정의하는 XML파일
  • 가장 상위에 <menu>태그를 가지고 있습니다.
  • 각각의 메뉴 아이템은 <item>태그로 정의합니다.
  • 메뉴를 정의한 XML파일은 onCreateOptionsMenu()메소드가 호출될 때 인플레이터 객체를 사용하여 메모리에 로딩합니다.

   

item 속성

android:id

각 메뉴 아이템을 고유한 ID로 구분

android:icon

메뉴 아이템에 보일 아이콘 설정

android:title

메뉴 아이템에 보일 타이틀 설정

android:showAsAction

메뉴가 어떤 방식으로 표시할지를 설정

android:orderInCategory

여러 액션 아이템이 나열되는 순서를 정의하는 속성

0이 우선순위가 가장 높음

   

android:showAsAction 속성값

always

항상 액션바에 아이템을 추가하여 표시

never

기본값

액션바에 아이템을 추가하여 표시하지 않습니다.

ifRoom

액션바에 여유공간이 있을 때만 아이템을 표시합니다.

withText

설정된 제목을 함께 표시합니다.

collapseActionView

아이템에 설정한 뷰(actionViewLayout으로 설정한 뷰)의 아이콘만 표시합니다.

 

Posted by codedragon codedragon

댓글을 달아 주세요

header태그를 이용해서 회사의 로그, 메뉴, 검색 상자등을 표시해 보겠습니다.

출력 결과는 한 줄로 나열되어 표시됩니다.

   

   

소스 코드

<html>

<head>

<meta charset="UTF-8">

<title>시멘틱 태그</title>

</head>

<body>

<!-- header        : 회사의 로고, 메뉴, 검색 상자등을 표시 -->

<header id="page_header">

<!-- 제목 -->

<h1>Star BLog</h1>

<!-- nav        : 메뉴, 페이지 연결 링크(메뉴) -->

<nav>

<ul>

<li><a href="1.html">최신 </a></li>

<li><a href="2.html">이전 </a></li>

<li><a href="3.html">다음 </a></li>

<li><a href="4.html">연락처</a></li>

</ul>

</nav>

</header>

<!-- section        : 페이지의 논리적 영역(내용 부분) -->

<section>

<!-- article        : 내용 표시 -->

<article class="post">

<!-- 내용의 작은 제목 -->

<header>

<h2>버전 v.3 대한 추가 기능 공지사항입니다.</h2>

<p>Posted By CodeDragon on 2020.02.10</p>

</header>

<aside>

<p>

&quot; virtual기능등 73,439 기능 추가 &quot;

</p>

</aside>

<p>

사과은 그동안 이같은 사실에 대해 지적 받았지만 이를 공식적으로 인정하지는 않았었다. 고객지원센터는 사용자의 이같은 문의에 대해 처음으로 이를 인정하고 해결방법을 게시했다.

그동안 많은 사람들이 자신의 아이폰을 안드로이드폰으로 기기 변경했을 경우 아이폰을 사용하는 친구들의 아이메시지 문자를 받지 못해왔다.

</p>

<p>

패시는 사과 고객센터 직원과 연락한 결과 아이폰이 아이메시지를 통해 안드로이드폰과 문자할 이를 전달하지 않는다는 사실을 확인했다고 밝혔다.

그는 사과 고객지원센터에 전화를 결과 "이는 많은 사람들이 겪고 있는 문제이며 엔지니어링팀이 이를 해결하려 하고 있지만 고칠 방법을 없으며 현재로서는 신뢰할 만한 해결책이 없다"는 말을 들었다고 밝혔다.

하지만 사과은 결국 자사 도움말 페이지에서 아이폰 사용자들이 심카드와 전화번호를 iOS단말기로 옮길 경우 아이메시지를 끄고 재설정하는 방법을 밝혔다.

사과은 심카드, 또는 전화번호를 아이메시지를 지원하지 않는 기기로 옮겨 받고 싶으면 '설정(Settings)>메시지(Messages)>송수신(Send & Receive)' 방식을 따르라고 고객지원 설명서에서 새로이 밝히고 있다.

</p>

<!-- 내용에 대한 반복적인 문구 -->

<footer>

<p>

<a href="comments.html">3,994,545,334,948 Comments</a>

</p>

</footer>

</article>

</section>

<!-- 사이드 -->

<section>

<nav>

<h3>이전 </h3>

<ul>

<li><a href="1.html">2020 1 10</a></li>

<li><a href="2.html">2020 1 12</a></li>

<li><a href="3.html">2020 1 26</a></li>

<li><a href="4.html">2020 1 29</a></li>

<li><a href="5.html">2020 2 01</a></li>

<li><a href="6.html">2020 2 15</a></li>

<li><a href="7.html">2020 2 22</a></li>

</ul>

</nav>

</section>

<!-- footer        : 저작권이나 사이트 소유자에 대한 정보 -->        

<footer>

<p>&copy; 2020 Star Blog</p>

<nav>

<ul>

<li><a href="home.html">홈으로</a></li>

<li><a href="about.html">블로그 소개</a></li>

<li><a href="board.html">게시판</a></li>

<li><a href="contact.html">연락처</a></li>

</ul>

</nav>

</footer>

</body>

</html>

   


출력결과   

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

HTML5 지원 API  (0) 2014.06.05
Tomcat 설정 및 Dynamic Web Project 생성  (0) 2014.06.05
02.html-시멘틱 태그 작성  (0) 2014.05.20
01.html-시멘틱 태그  (0) 2014.05.20
HTML5 시멘틱 태그  (0) 2014.05.20
ch01-first / 01.html-Hello World  (0) 2014.05.17
Posted by codedragon codedragon

댓글을 달아 주세요

시멘틱 태그

   

sematic

무의미한 태그가 아니라

'의미를 갖는다'는 뜻으로, 각 태그가 스스로 의미를 지닌다는 뜻

   

   

시멘틱 태그

태그

설명

header

사이트에 대한 소개 정보나 메인 메뉴, 사이트 로고 등이 포함됨

hgroup

제목과 부제목을 묶는 역할

nav

사이트나 메뉴나 링크 같은 내비게이션 요소들이 포함

section

실제 문서 내용이 들어감

article

문서 내용이 많을 경우 여러 개의 <article>요소로 나눌 수 있음

aside

문서의 주요 내용 외의 내용들을 넣어 문서의 주 영역 주변에 배치

footer

작성자 정보나 저작권 정보, 또는 관련 문서 링크 등 부가 정보들을 담고 있음

   

   

표현을 위한 태그

태그

설명

mark

특정 텍스트를 강조하고자 할 때 사용하는 태그

   

   

소스코드

<html>

<head>

<meta charset="UTF-8">

<title>시멘틱 태그</title>

</head>

<body>

<header id="page_header">

<hgroup>

<h1>대한 대학교 홈페이지</h1>

<h4>세계를 향상 지식의 공간</h4>

</hgroup>

<nav>

<ul>

<li><a href="">1학년</a></li>

<li><a href="">2학년</a></li>

<li><a href="">3학년</a></li>

<li><a href="">4학년</a></li>

</ul>

</nav>

</header>

<section>

<header>

<h3>이달의 소식</h3>

</header>

<article>

네셔널 컨테스트에서 <strong>대상 수상</strong> 하여 대한 대학교를 알렸습니다. 수상자는 <mark>홍길동</mark>입니다.

</article>

</section>

<footer>

2020 대한 대학교

</footer>

</body>

</html>

   


   

   

   

   

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

HTML5 지원 API  (0) 2014.06.05
Tomcat 설정 및 Dynamic Web Project 생성  (0) 2014.06.05
02.html-시멘틱 태그 작성  (0) 2014.05.20
01.html-시멘틱 태그  (0) 2014.05.20
HTML5 시멘틱 태그  (0) 2014.05.20
ch01-first / 01.html-Hello World  (0) 2014.05.17
Posted by codedragon codedragon

댓글을 달아 주세요