1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2<HTML><HEAD><TITLE>BatteryLevelIcon</TITLE>
3<META http-equiv=Content-Type content="text/html; charset=utf-8">
4<META http-equiv=Content-Style-Type content="text/css">
5<STYLE type="text/css">BODY {
6	FONT-WEIGHT: normal; MARGIN: 8px; COLOR: #000000
7}
8DIV {
9	WIDTH: 98%; WHITE-SPACE: nowrap
10}
11DIV.title {
12	BORDER-RIGHT: #ff6600 8px double; PADDING-RIGHT: 4px; BORDER-TOP: #ff6600 8px double; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 150%; PADDING-BOTTOM: 4px; MARGIN: 4px; BORDER-LEFT: #ff6600 8px double; COLOR: #202020; PADDING-TOP: 4px; BORDER-BOTTOM: #ff6600 8px double; TEXT-ALIGN: left
13}
14H1 {
15	FONT-WEIGHT: bold; FONT-SIZE: 150%; MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 1px; BORDER-BOTTOM: #ff6600 5px solid; FONT-FAMILY: Arial; LETTER-SPACING: normal
16}
17H2 {
18	BORDER-RIGHT: #ff6600 0px; BORDER-TOP: #ff6600 0px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 150%; MARGIN-LEFT: 2px; BORDER-LEFT: #ff6600 8px double; BORDER-BOTTOM: #ff6600 2px solid
19}
20CODE {
21	FONT-SIZE: 10pt; LEFT: 12px; FONT-FAMILY: "Courier New", monospace
22}
23TABLE {
24	PADDING-RIGHT: 0pt; PADDING-LEFT: 0pt; FONT-SIZE: 10pt; LEFT: 12px; MARGIN: 2pt 0pt; BORDER-TOP-STYLE: none; FONT-FAMILY: Arial; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: relative; BORDER-BOTTOM-STYLE: none
25}
26TD {
27	BORDER-RIGHT: 2pt; PADDING-RIGHT: 2pt; BORDER-TOP: 2pt; PADDING-LEFT: 2pt; PADDING-BOTTOM: 2pt; BORDER-LEFT: 2pt; PADDING-TOP: 2pt; BORDER-BOTTOM: 2pt; FONT-STYLE: normal; TEXT-ALIGN: left
28}
29TH {
30	BORDER-RIGHT: 2pt; PADDING-RIGHT: 2pt; BORDER-TOP: 2pt; PADDING-LEFT: 2pt; PADDING-BOTTOM: 2pt; BORDER-LEFT: 2pt; PADDING-TOP: 2pt; BORDER-BOTTOM: 2pt; FONT-STYLE: normal; TEXT-ALIGN: left
31}
32TD {
33	FONT-WEIGHT: normal; BACKGROUND: #e8f4f4
34}
35TH {
36	FONT-WEIGHT: bold; BACKGROUND: #c0d8d8
37}
38P {
39	MARGIN-LEFT: 4px
40}
41P.code {
42	FONT-SIZE: 10pt; BACKGROUND: #e8f4f4; LEFT: 12px; FONT-FAMILY: "Courier New", monospace
43}
44</STYLE>
45
46<META content="MSHTML 6.00.2900.6036" name=GENERATOR></HEAD>
47<BODY><A name=top></A>
48
49<H1>Battery Status Icon</H1>
50
51<h2>Table of Contents</h2>
52<ul style='list-style-type: none'>
53    <li>1. <a href="#ss0100">Introduction</a></li>
54    <li>2. <a href="#ss0200">Policy Regarding the Use of the Battery Status Icons</a>
55        <ul style='list-style-type: none'>
56            <li>2.1 <a href="#ss0210">Requirements Regarding Use of Graphics</a></li>
57            <li>2.2 <a href="#ss0220">Notes When Using the Supplied Battery Status Icons</a></li>
58        </ul>
59    </li>
60    <li>3. <a href="#ss0300">Battery Status Icons and Power Status</a></li>
61    <li>4. <a href="#ss0400">Battery Status Icon Graphics Data</a></li>
62    <li>5. <a href="#ss0500">Precautions on the Use of Data</a></li>
63    <li>6. <a href="#ss0600">Revision History</a></li>
64</ul>
65
66
67<h2>1. <a name="ss0100">Introduction</a></h2>
68<p>
69    This document describes graphics data specifications for battery status icons used on the CTR HOME Menu. Battery status icons are used to display the battery level and whether the CTR system is connected to an AC adapter.  There are a total of seven icon images. <img src="img/batteryIconAll.jpg">
70</p>
71
72<div align="right"><a href="#top">Back to top</a></div>
73
74
75<h2>2. <a name="ss0200">Policy Regarding the Use of the Battery Status Icons</a></h2>
76
77<h3>2.1 <a name="ss0210">Requirements Regarding Use of Graphics</a></h3>
78<p>
79    With CTR, you can return to the HOME Menu at any time while an application is running. Because you can check the battery level and charging status on the HOME Menu, applications are not required to display battery status icons. If you are displaying battery status icons for an application, you are not required to use the battery status icons supplied with CTR-SDK.  As such, there is no problem creating your own battery status icons to match the look and feel of your application.  Furthermore, there is no problem with not displaying battery status icons, depending on software attributes.
80</p>
81
82<h3>2.2 <a name="ss0220">Notes When Using the Supplied Battery Status Icons</a></h3>
83
84<p>
85    If you use the battery status icons supplied in CTR-SDK with an application, be sure to implement them so that their behavior is the same as the battery status icons found on the HOME Menu. Otherwise, the user may become confused as to why the behavior of icons within the application differs from that of icons on the HOME Menu, even though they appear to be identical.  Make sure that behavior is consistent in order to avoid such confusion. For details, see the display of each icon described later and the functions related to their display.
86</p>
87
88<div align="right"><a href="#top">Back to top</a></div>
89
90
91<h2>3. <a name="ss0300">Battery Status Icons and Power Status</a></h2>
92<p>
93    The following figure shows the status relationships when displaying battery status icons. Refer to this figure when implementing battery status icons within an application.  AC plug connection status can be obtained using the <CODE>nn::ptm::CTR::GetAdapterState</CODE> function.<br /> Charging status can be obtained using the <CODE>nn::ptm::CTR::BatteryChargeState</CODE> function.<br />
94</p>
95<p>
96    Figure 3-1 <a name="fg0301">State Transition Diagram for Battery Icons</a><br /> <img src="img/battery_state.png">
97</p>
98<p>
99    The battery status can be obtained using the <CODE>nn::ptm::CTR::GetBatteryLevel</CODE> function. The correspondence between the icon to be displayed and the return value of the <CODE>nn::ptm::CTR::GetBatteryLevel</CODE> function when an AC adapter is not connected is given below.
100</p>
101<p>
102    Table 3-1 <a name="tb0301">Correspondence Between The Icon to Be Displayed and the Return Value of the <CODE>nn::ptm::CTR::GetBatteryLevel</CODE> Function When an AC Adapter Is Not Connected</a>
103</p>
104<div class="table">
105<table border="1">
106<thead>
107    <tr>
108    <th>Remaining Battery Life</th>
109    <th>Icon</th>
110    </tr>
111</thead>
112<tbody>
113    <tr>
114    <td>
115        BATTERYLEVEL_5<br />(60% or more ～ 100%  or less)
116    </td>
117    <td><img src="img/batteryIcon4.jpg"></td>
118    </tr>
119    <tr>
120    <td>
121        BATTERYLEVEL_4<br />(30% or more ～ 60%  or less)
122    </td>
123    <td><img src="img/batteryIcon3.jpg"></td>
124    </tr>
125    <tr>
126    <td>
127         BATTERYLEVEL_3<br />(10 % or more ～ 30 %  or less)
128    </td>
129    <td><img src="img/batteryIcon2.jpg"></td>
130    </tr>
131    <tr>
132    <td>
133        BATTERYLEVEL_2<br />(5% or more ～ 10%  or less)
134    </td>
135    <td><img src="img/batteryIcon1.jpg"></td>
136    </tr>
137    <tr>
138    <td>
139        BATTERYLEVEL_1<br /> BATTERYLEVEL_0<br /> （0% or more ～ 5% or less)
140    </td>
141    <td><img src="img/batteryIcon1.jpg">(blinking)</td>
142    </tr>
143</tbody>
144</table>
145</div>
146
147<div align="right"><a href="#top">Back to top</a></div>
148
149
150<h2>4. <a name="ss0400">Battery Status Icon Graphics Data</a></h2>
151<p>
152    Distributed battery status icon data is provided in .psd format.  Convert this data to the format best suited for your application development environment. Image data files are located in the following directory in CTR-SDK. $CTR_SDK/resources/icon/BatteryLevelIcon
153</p>
154<p>
155    Two types of background colors are provided: one black and one white. Select the appropriate file for your project.<br /> <img src="img/battery_layer.png">
156</p>
157
158<div align="right"><a href="#top">Back to top</a></div>
159
160
161<h2>5. <a name="ss0500">Precautions on the Use of Data</a></h2>
162<h4>Modifications</h4>
163<p>
164    Icons <b>cannot be modified</b>. Do not switch to original colors or make changes to the image pattern.
165</p>
166
167<h4>Use of a background mask</h4>
168<p>
169    There is no problem with adding a mask to the icon background for the purpose of increasing icon visibility.  There are no specifications or restrictions on the design of this mask.
170</p>
171
172<div align="right"><a href="#top">Back to top</a></div>
173
174
175<h2>6. <a name="ss0600">Revision History</a></h2>
176    <dl>
177        <dt>2011/06/06</dt>
178        <dd>Initial version.</dd>
179    </dl>
180
181<div align="right"><a href="#top">Back to top</a></div>
182
183
184<hr><p>CONFIDENTIAL</p></BODY></HTML>