With the support of the NGNC developer network, the first commercial version of the commercial version of the NGNC operation environment is released today.
The software is scheduled to "calculate calculation", which is a multi-counter calculator that can be calculated at the same time. Simple usage, easy to play. User UI design aims "no help ui", the user can use most of the software in the case where there is no prompt. Full application functions can be quickly grasped in simple tips.
This software is careful for users to think, implement "completion of an operation, the least key" is committed!
Here is a screenshot:
At the same time: 1, UI Design Manual: http://www.ngnc.net/ngncalc2x/calc2s_4win_v1.00.zip2, Experience Edition: http://www.ngnc.net/ngncalc2x/calc2s_4s60_v1.00.zip
Here is the full text of the UI design manual: ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ - - Automatic wrap | * --------------------------------------- *. ~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ "Calculate" User Interface Design Manual !! ------------- ---------------!! Calc2s ui design Guide! `~~~~~~~~~~~~~~~~~~~~~~~~~~~ `
First, use the Windows Simulation Edition (this zip package is loaded from: http://www.negnc.net/ngncalc2x/calc2s_4win_v1.00.zip) (this software's mobile version / S60 version: http://www.ngnc.net /NGNCALC2X/CALC2S_4S60_V1.00.ZIP)
1. Operating environment: WINDOW9X / 2K / XP, etc. Microsoft Desktop Windows Operating System
2, double-click demo.bat operation: a, the main interface appeared in the upper left corner of the screen, b, the intermediates in the screen Select "Confirm" to terminate the running C, DOS window display "Completed ..."
3, how to use: See "User Manual" This software's UI design goal is: No manual software, I hope that there is no guidance, users can easily pick up. Of course, special features, still need HELP prompts, guide user mining / experience this software "hard".
Second, the compilation script: This software is developed by engine and script separation, and the script is pure C language.
1. Double-click NGNC.EXE to perform compilation: a, the first run will generate the following 2 temporary files, which can be manually deleted. Log.log ngndebug.log b, compile results: ./scripts/calc2.obj C, check compilation error: Check the modification time of this file is the current time, then describe the compilation to turn on the log.log file, and search for file content. " Error string, description !!! Compile success !!!
2, modify the script: (all script locations: ./ scripts / *. C / .h / .cls) This software is released in an open source method, if you have C language programming capabilities, you can read the script, and modify / add software features. If you are just to design the UI interface, you only need to modify the data related to the UI. Third, the script parts related to the UI: 1, all pictures are saved as Windows 256 color bitmap, Alpha information is saved separately in grayscale Bmp A, BK256.BMP: master background (no alpha information), 176 * 208 is standard Nokia S60 mobile phone screen size B, FNT256.BMP: All press / font / calculator tags are saved, friends with game beauty experience, see how to modify fnt256_a.bmp: fnt256.bmp alpha information for transpasis Display, or translucent convergence control C, HLP256.BMP: Scrolls the help information of the software displayed, half of the left and right, is to cut the 1 long figure to arrange HLP256_a.bmp: Alpha information.
[*]: This is the main content of the UI design. If it is just to change the drawing and color, as long as the original map is replaced, the script is not required. Modify the script, allowing the UI to change the more Cool, buttoning position / size, and font styles are your imagination.
2, the scripting content related to the Position / size of the UI element: (mainly for FNT256.BMP)
A. Transfer location information: ./scripts/keybtool.c, ln142 ~ ln185, describe the location (recommended using the Ultra-Edit32 editor, red number is location information), respectively: the location of the main interface BK256.BMP ( X, Y, W, H), the position (x, y, w, h), bit graph to the offset (OFFX, OFFY) of the main interface (OFFX, OFFY), related to the four directions (left, Up, right, minute), indicating that the position on the BK256.BMP is to detect the mouse movement and click area information OFFX, OFFY is a position compensation direction associated with the position of the source bitmap and destination area. The logic of the focus moves with the arrow keys. Need to adjust when the transfer of change is changed
B, Equation Tag: This software supports multi-purpose, label has two types: current label (large), other tags (small) These two tags use 50% transparent processing, the number on the label 1 ~ 9 is this The software supports up to 9 computing ./Scripts/calcgfx.c, LN232 ~ LN267 describes 9 tag small fonts, bitmap locations of 2 tags: (x, y, w, h)
c, font: The tag font is a small font standard font for a large font, the calculation line is also stacked with characters ./scripts/calcgfx.c, the LN131 ~ LN173 describes the location information of the character: (character, x, y, w) H): BW refers to: The width of the bitmap, and the W finchant line spacing BW is the '_' character to represent the calculation line. ./Scripts/calcgfx.c, ln424 string "________________" The number of character numbers and the length of the calculation line
3, scripting content related to the UI display logic: (This part is limited to friends who have C language programming experience) A, display function:
Void CalcPaint (Void) ./scripts/calcgfx.c, the LN117 Display loop: Any interface change requires the function, and there is currently no optimization display logic. Void CopyBMP2PaintBuffer (./scripts/calcgfx.c, ln77 bitmap copy: important 3 drawing functions 1, no copy of the alpha, direct rectangular area). Void alphabmp2paintbuffer (./scripts/calcgfx.c, ln96 Alpha bitmap copy: Important 3 drawing functions 1, source of rectangular area to copy (with alpha information). Information Void HelpBMP2PaintBuffer (./scripts/calcgfx.c, ln105 using FNT256.BMP). ALPHA bitmap copy. B, static bitmap variable: This software's script does not support dynamic memory allocation, all bitmaps are saved in the global static array
3 static array statements of 3 positions: ./scripts/calcgfx.h, LN56 ~ LN73 3 position diagram load memory: ./scripts/calc2.c, ln60 ~ ln90 2 important load functions: ./scripts /Calcgfx.h, bitmapfilesize, (ln20), detection bitmap size (256 colors only), and read alphabmpfsize, (ln28), the detection bitmap size includes Alpha bitgraph (256 colors only), and read After the alpha information is saved after bitmap information, the reference bitmap static array declaration
C, HELP information display logic:
This software provides a unified TickCount function in the Windows / S60 platform, and the clock cycle is accurate and calculated in milliseconds. INT Timerhook ./scripts/timer.c, LN114 Timer processing function, if you want to block, you only need to increase "Return 0 in this function;"
D, more ideas, please contact us.
. -----------------------------------. | Author: dejun yuan || mail: yuandj @ ngnc. Net || MSN: YUANDJ1972@hotmail.com || blog: http://blog.9cbs.net/yuandj || Websit: http://www.ngnc.net || - 2005/1/18 | * ----------------------------------- *
