This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
manual:advanced:customization:screens [2015/05/15 11:51] – mstupka | manual:advanced:customization:screens [2015/09/03 15:58] (current) – [How to get all this to work] mstupka | ||
---|---|---|---|
Line 1: | Line 1: | ||
- | ====== | + | ====== Custom |
---- | ---- | ||
- | < | + | Method of creating custom screens requires at least essential knowledge of developing Android and XML files system. Otherwise we recommend to use already created skins. To edit them, use just simple NotePad or any text editing software with XML syntax highlight (for example [[http:// |
- | ===== Basic description ===== | + | <WRAP round tip> |
+ | For most people who want to create their own screens should be enough using much simpler **[[manual: | ||
- | Basic explanation of Custom screen creation method. Whole system is mainly for people familiar with Android developing and XML files system. If you're not, better is to use already created skins and look at them (as sample). To edit, use just simple NotePad or any notepad program with XML syntax highlight (suggested for example [[http:// | + | However, **Dashboard** is available only for Pro version and misses |
- | <WRAP tip> | + | |
- | For most people who want to create own screens should be enough using much simpler **[[manual: | + | |
- | + | ||
- | **Dashboard** is anyway | + | |
</ | </ | ||
==== Method using Eclipse ==== | ==== Method using Eclipse ==== | ||
- | - Download and install | + | - Download and install |
- | - After all works, create new android project. This will create | + | - When all works, create |
- | - Project | + | - The project |
- Put resources (best to use 9-patch images) into //res// folders (supported - //drawable, drawable-hdpi, | - Put resources (best to use 9-patch images) into //res// folders (supported - //drawable, drawable-hdpi, | ||
- | - After compilation, | + | - After compilation, |
==== Using basic text editor ==== | ==== Using basic text editor ==== | ||
Line 23: | Line 20: | ||
You do not have to do previous steps. You can edit xml file directly in any editor. Previous steps are just recommended way for easy "Drag and drop" creating and also only way to support 9-patch images! | You do not have to do previous steps. You can edit xml file directly in any editor. Previous steps are just recommended way for easy "Drag and drop" creating and also only way to support 9-patch images! | ||
- | ===== How to get actually all this works ===== | + | ===== How to make it work ===== |
**root directory: | **root directory: | ||
- | create | + | Create .ZIP file that contains |
< | < | ||
Line 35: | Line 32: | ||
/ | / | ||
/ | / | ||
- | /layout/ - for layout specification (for landscape and portrait or ... below ... for separate by orientation) | + | /layout/ - for layout specification (for landscape and portrait or... below... for separate by orientation) |
/ | / | ||
/ | / | ||
Line 41: | Line 38: | ||
</ | </ | ||
- | Place your main layout file into layout directory (or two files, one to layout-land, | + | Place your main layout file into layout directory (or two files, one to layout-land, |
- | also in root of you ZIP file, you can place these files (optional) | + | You can place these files also in root of you .ZIP file (optional) |
* **icon.png** - small (48x48px) logo of your skin | * **icon.png** - small (48x48px) logo of your skin | ||
- | * **info.html** - HTML page that will contain description of you skin (some links, donate button or similar is possible) | + | * **info.html** - HTML page that will contain description of your skin (some links, donate button or similar is possible) |
- | Finally, place this zip file, into root directory described above! | + | Finally, place this .zip file into the root directory described above! |
===== Supported Views ===== | ===== Supported Views ===== | ||
Line 72: | Line 69: | ||
* [[http:// | * [[http:// | ||
* [[screens?&# | * [[screens?&# | ||
- | * [[creating_custom_screen?&# | + | * [[screens?&# |
* [[http:// | * [[http:// | ||
- | * [[creating_custom_screen?&# | + | * [[screens?&# |
- | * [[creating_custom_screen?&# | + | * [[screens?&# |
* [[http:// | * [[http:// | ||
Line 89: | Line 86: | ||
* RotateView (custom locus view) extends View | * RotateView (custom locus view) extends View | ||
- | * locus: | + | * locus: |
* locus: | * locus: | ||
* locus: | * locus: | ||
* locus: | * locus: | ||
- | * locus: | + | * locus: |
* locus: | * locus: | ||
- | * locus: | + | * locus: |
* locus: | * locus: | ||
- | * **SlideView** (custom | + | * **SlideView** (custom |
- | * locus: | + | * locus: |
- | * locus: | + | * locus: |
- | * locus: | + | * locus: |
- | * locus: | + | * locus: |
- | * locus: | + | * locus: |
* locus: | * locus: | ||
- | * locus: | + | * locus: |
- | <WRAP info> | + | < |
- | **Sample** - let's imagine this image of compass. | + | **Sample** - let's imagine this image of compass: |
- | {{: | + | {{ :manual: |
- | To make it work in full screen width, you need to define these parameters | + | To make it work in full screen width you need to define these parameters: |
< | < | ||
android: | android: | ||
Line 126: | Line 123: | ||
</ | </ | ||
- | By this definition, you say that: | + | By this definition you say that: |
- | * 1. if orientation angle will be 180°, first pixel (slideStartPosition) will be drawn really as a first pixel. Because | + | * 1. if orientation angle is 180°, |
- | * 2. if orientation | + | * 2. if orientation |
</ | </ | ||
==== Global attributes ==== | ==== Global attributes ==== | ||
- | On all View can be applied these attributes | + | On all Views can be applied these attributes: |
* [[http:// | * [[http:// | ||
Line 183: | Line 180: | ||
* //{speed}// - GPS speed (0 if GPS off) | * //{speed}// - GPS speed (0 if GPS off) | ||
- | * // | + | * // |
* // | * // | ||
* // | * // |