分类: C/C++
2008-08-05 13:58:15
到此美工人员的任务就算大功告成了。(其实程序员和美工 可以同步进行,程序员不必去考虑界面元素的布局,因为整个软件最终的效果都是有美工控制,程序员要实现的只是解析xml数据,使界面元素按照给定的参数显示就可以。)BMin //控件名称//控件尺寸 18 //控件高度18 //控件宽度//控件在窗体中的位置 302 //x坐标2 //y坐标//事件效果图片位置 //普通 0 //x坐标268 //y坐标//鼠标放上 0 291 //鼠标按下 0 314
//失效
//获取焦点 BClose 18 18 327 2 28 268 28 291 28 314
... //省略了其它的一些元素""
typedef struct Ctrls { String ctrlName; //控件名称 TPoint formPos; //控件在窗体中的位置 int width; //控件宽度 int height; //控件高度 bool hasNormal; //是否有普通效果图片 bool hasMouseUp; //是否有鼠标放上效果图片 bool hasMouseDown; //是否有鼠标按下效果图片 bool hasDisable; //是否有失效效果图片创建不规则窗体代码如下:
bool hasFocus; //是否有得到焦点时效果图片 TPoint normal; //普通效果图片在整个图片中的位置 TPoint mouseUp; //鼠标放上效果图片在整个图片中的位置
TPoint mouseDown; //鼠标按下效果图片在整个图片中的位置
TPoint disable; //控件失效效果图片在整个图片中的位置
TPoint focus; //控件获得焦点效果在整个图片中的位置
}m_ctrls;
register int x,y; int l,r; POINT *a; bool lb,rb; HRGN WndRgn,TempRgn,tepRgn; this->LoginDlgBG->Left = 0; this->LoginDlgBG->Top = 0; Graphics::TBitmap *bitmap0 =new Graphics::TBitmap; bitmap0->LoadFromFile(".\\login\\Login_Bg.bmp"); this->LoginDlgBG->Picture->Bitmap = bitmap0; TColor baseColor = LoginDlgBG->Canvas->Pixels[0][0]; if((a=(POINT *)malloc(LoginDlgBG->Width*2*(sizeof(POINT))))==NULL) { ShowMessage("动态分配内存失败!"); exit(0); } Width=LoginDlgBG->Width; Height=LoginDlgBG->Height; Repaint(); l=0;r=LoginDlgBG->Height*2-1; WndRgn=CreateRectRgn(0,0,LoginDlgBG->Width,LoginDlgBG->Height); for(y=0;y获取窗体的所有控件,并解析xml,在此不做累述,详见工程文件,在程序里提供了一个很好的xml解析类。不过在这里有一个技巧性的问题不得不提一下:在C Builder中要对按钮进行绘图和制作不规则按钮始终不是件容易的事,一开始我用TSpeedButton,该类按钮可以很好的绘图,但是我没有办法获取到它的句柄,它继承了TGraphicControl,所以要制作一个不规则的按钮就没有什么办法了。(不知道有没有高手愿意告诉我怎么获取,在此谢过),我用了投机取巧的方法,就是用TImage类来代替了TButton类,因为TImage类可以使用异或等运算使前景色和背景色抵消,而且对美工人员来说,画好图后,把不规则按钮,直接复制下来就方便的多了。下面是我的BCB中的创建按钮代码:Height;y ) { lb=true; for(x=0;x Width;x ) if(LoginDlgBG->Canvas->Pixels[x][y]!=baseColor) { a[l].x=x 1; a[l].y=y; lb=false; break; } if(lb) a[l]=a[l-1]; l ; rb=true; for(x=LoginDlgBG->Width-1;x>=0;x--) if(LoginDlgBG->Canvas->Pixels[x][y]!=baseColor) { a[r].x=x; a[r].y=y; rb=false; break; } if(rb) a[r]=a[r 1]; r--; } r=LoginDlgBG->Height*2-1; for(y=0;y Height;y ){ for(x=a[y].x;xCanvas->Pixels[x][y]==baseColor) { tepRgn=CreateRectRgn(x,y,x 1,y 1); CombineRgn(WndRgn,WndRgn,tepRgn,RGN_XOR); DeleteObject(tepRgn); } r--; } TempRgn=CreatePolygonRgn(a,LoginDlgBG->Height*2,ALTERNATE); CombineRgn(WndRgn,WndRgn,TempRgn,RGN_AND); DeleteObject(TempRgn); free(a); SetWindowRgn(Handle,WndRgn,true); //该段代码借鉴网络发表的文章,不做解释 SetWindowPos(Handle,HWND_TOP,0,0,0,0,SWP_NOMOVE|SWP_NOSIZE);
void __fastcall TForm1::createButtonCtrl(TImage *image ,String ctrlName ,String actionName) { int i,上面的代码很简单,同时也很好的说明了一个问题,图片是可以代替按钮来使用的,主要有几种情况:当按钮为普通的状态时,只要获取标识为"normal"的效果图片,当鼠标放在按控件上时就获取picX ,picY; for(i =0 ; i < this->ControlCount ; i ) { if(controls[i].ctrlName == ctrlName) //循环查找,找到ctrlName控件 { break; } } image->Width = controls[i].width; image->Height = controls[i].height; image->Left = controls[i].formPos.x; image->Top = controls[i].formPos.y; //设置按钮的位置 和 大小 if(actionName == "normal") //判断当前需要获取的事件按钮 { if(!controls[i].hasNormal) return; picX = controls[i].normal.x; //获取普通按钮效果图在整个图片的位置 picY = controls[i].normal.y; } else if(actionName =="mouseUp") { if(!controls[i].hasMouseUp) return; picX = controls[i].mouseUp.x; picY = controls[i].mouseUp.y; } else if(actionName == "mouseDown") { if(!controls[i].hasMouseDown) return; picX = controls[i].mouseDown.x; picY = controls[i].mouseDown.y; } else if(actionName == "disable") { if(!controls[i].hasDisable) return; picX = controls[i].disable.x; picY = controls[i].disable.y; } else { if(!controls[i].hasFocus) return; picX = controls[i].focus.x; picY = controls[i].focus.y; } ////获取图片 TRect rect0,rect1; //在整个图片中获取指定的效果图 rect0.left = picX; rect0.top = picY; rect0.right = image->Width picX; rect0.Bottom = image->Height picY; rect1.left = 0; rect1.top = 0; rect1.right = image->Width ; rect1.Bottom = image->Height; image->Picture->Bitmap->Height = image->Height; image->Picture->Bitmap->Width = image->Width; //通过内存拷贝获取 image->Picture->Bitmap->Canvas->CopyRect(rect1,this->LoginDlgBG->Canvas,rect0); }