Introduction

Welcome to the QCircle-Design-Template wiki!

LG QCircle Design Template Overview

In order to develop an application for LG QuickCircle, you have to use the LG QCircle SDK. The LG QCircle SDK provides the broadcast intents and QuickCircle position information, but it does not provide the circle layout to display on QuickCircle. Therefore, the developer should design a circle layout and display the layout based on the position information of QuickCircle per model.

The official release site is http://developer.lge.com .

The LG QCircle SDK makes development easy, but whenever you build an application, there are simple repetitive tasks to complete, such as designing circle layout, receiving the broadcast intents to verify opening and closing of QuickCircle case, and back button operation processing.

The LG QCircle design template library provides the layout designs and basic UI elements through API, enabling developers to save time designing and using repetitive tasks. The LG QCircle design template library provides various circle layouts and receives QuickCircle broadcast intents, adjusts layout position, and handles back button operation.

What are the features?

The LG QCircle design template provides a library file. In this library, the following features can be used:

• Applying various circle layouts on application for QuickCircle
• Automatically displaying layouts on QuickCircle's position per model

What kind of templates does the library support?

The LG QCircle design template provides 5 circle layouts as follows: (The title bar and the back button can be added according to developer's choices.)

1. Empty content
   This provides an empty circle space. Any View can be added to this area. However, even though the visible part is a circle, the actual content is a squared figure, so the Views on the four corners can be invisible. To avoid this, place important content away from the four corners when adding a View to the content area.

   

2. Content with a vertical sidebar
   This is a circle space with a sidebar on the left. The width of this sidebar can be adjusted. Any View can be added to both sides of the sidebar and the content area. The sidebar and the content area is simply meant to divide the space, the actual space for content is not important. As with the Empty content, avoid putting important content on the four corners of the square.

   

3. Content with a horizontal sidebar
   This is a circle space with a sidebar on the upper part. The height of this sidebar can be adjusted. Any View can be added to both sides of the sidebar and the content area. The sidebar and the content area is simply meant to divide the space, the actual space for content is not important. As with the Empty content, avoid putting important content on the four corners of the square.

   

4. Content with two top bars
   This is a circle space with two top bars divided in half equally. The height of this sidebar can be adjusted, but the width for two spaces cannot be changed. This layout consists of three spaces - two top bars and one content area. Any View can be added to each space. The sidebar and the content area is simply meant to divide the space, the actual space for content is not important. As with the Empty content, avoid putting important content on the four corners of the square.

   

5. Content with two sidebars
   This is a circle space with two sidebars on the left and right sides. The width of these sidebars cannot be adjusted. This layout consists of three spaces - two sidebars and one content area. Any View can be added to each space. However, because these sidebars are limited in size, they cannot show much content. As with the Empty content, avoid putting important content on the four corners of the square.