青青草原综合久久大伊人导航_色综合久久天天综合_日日噜噜夜夜狠狠久久丁香五月_热久久这里只有精品

萬星星@豌豆莢 歡迎加入我們
一個吃軟飯的男人!!!!!我只想寫程序####
微博:http://weibo.com/wanlianwen
posts - 172,  comments - 1253,  trackbacks - 0
好的軟件有好的開始,微軟VS IDE的起始界面做的實在不錯,色調和布局都是很舒服,這里我動手實現了一個,下面是過程。

第一步:用spy++工具觀察VS IDE開始界面構成。

通過spy++,可以看到開始頁由一個大窗口,里面是位圖背景,在上面有一些靜態窗口,按鈕等,之間夾一個小視圖(例如最近的項目里面是一個listctrl)。基本就是這樣,實現思路就是用位圖貼在靜態小窗口構成一個小的欄,中間放一個小的主視圖,比如項目列表、msdn新聞等。


第二步:收集位圖素材。我沒有那么好的藝術細胞畫這么好的小圖片,所以只得偷vs的。由于使用vc6,所以下面全部基于vc6環境來說。用資源的方式打開vs ide執行文件(\Microsoft Visual Studio 8\Common7\IDE\devenv.exe),可以看到位圖資源基本全是起始頁的。

第三步:實現思路確定。有一些問題,里面的圖片好像沒有主界面那么大的位圖,頭部好像不是太符合尺寸:

這下我的思路是先用背景色繪制窗口,然后貼圖。背景色可以用取色工具獲取,我用firework里面的工具。
還有一個問題就是小欄位圖的四角有顏色:

貼到主窗口上去會留下與環境不相稱的一點點多余的角,這里我在網上搜到一篇mask位圖的文章,基于此,把位圖四角的淡白色去掉。
還有就是中間的位圖太小:

我準備采取重復繪制來填滿一定長度,注意水平方向和垂直方向稍有不同,所以實現的時候要進行判斷。
這樣基本敲打實現方法,接著就動手實現。

第四步:開工。vc6建立一個單文檔基于formview的程序。
工序一:繪制背景
對話框的背景顏色可以通過重載OnCtlColor來實現,而不是OnEraseBackground。
HBRUSH?CVS2005StartView::OnCtlColor(CDC*?pDC,?CWnd*?pWnd,?UINT?nCtlColor)?
{
????HBRUSH?hbr?
=?CFormView::OnCtlColor(pDC,?pWnd,?nCtlColor);
????
????
//?TODO:?Change?any?attributes?of?the?DC?here
????if(nCtlColor?==?CTLCOLOR_DLG)
????
{
????????
return?m_bkBrush;
????}

????
//?TODO:?Return?a?different?brush?if?the?default?is?not?desired
????return?hbr;
}
上面只修改對話框背景,所以進行了判斷,m_bkBrush就是背景畫刷。

工序二:貼圖,在OnPaint里面繪制Visual studio的大位圖。
void?CVS2005StartView::OnPaint()?
{
????CPaintDC?dc(
this);?//?device?context?for?painting
????
????
//?TODO:?Add?your?message?handler?code?here
????CDC????????????memDC;
????HBITMAP????????hOldBmp????????
=?NULL;
????BITMAP????????bmp;
????memDC.CreateCompatibleDC(
&dc);
????hOldBmp?
=?(HBITMAP)memDC.SelectObject(&m_bmpHeader);
????m_bmpHeader.GetBitmap(
&bmp);
????BitBlt(dc,?
0,?0,?bmp.bmWidth,?bmp.bmHeight,?memDC,?0,?0,?SRCCOPY);
????memDC.SelectObject(hOldBmp);
????
//?Do?not?call?CFormView::OnPaint()?for?painting?messages
}
這樣就所有存托背景,下面開始實現每個小欄目。實現一個就ok,思路都是一樣的。

工序三:實現繪制位圖的靜態窗口。從CStatic派生CBmpStatic類來實現繪制位圖功能。考慮到上面提及的情況,函數接口如下:
????void????SetBitmap(UINT?nBmpID,?BOOL?bHorzStretch=TRUE);
????
void????SetTitle(CString?strTitle);
實現如下:
void?CBmpStatic::OnPaint()?
{
????CPaintDC?dc(
this);?//?device?context?for?painting
????
????
//?TODO:?Add?your?message?handler?code?here
????CDC????????????srcDC;
????CDC????????????mskDC;
????CBitmap????????mskBmp;
????BITMAP????????bmp;
????srcDC.CreateCompatibleDC(
&dc);
????mskDC.CreateCompatibleDC(
&dc);
????m_bmpBack.GetBitmap(
&bmp);

????mskBmp.CreateBitmap(bmp.bmWidth,?bmp.bmHeight,?
0,?1,?NULL);
????srcDC.SelectObject(
&m_bmpBack);

????srcDC.SetBkColor(RGB(
0xEB,?0xF1,?0xFE));
????mskDC.SelectObject(mskBmp);
????mskDC.BitBlt(
0,?0,?bmp.bmWidth,?bmp.bmHeight,?&srcDC,?0,?0,?SRCCOPY);

????srcDC.SetBkColor(RGB(
255,255,255));
????srcDC.SetTextColor(RGB(
0,0,0));

????LONG????lXStart????????
=?0;
????LONG????lXEnd????????
=?bmp.bmWidth;
????LONG????lYStart????????
=?0;
????LONG????lYEnd????????
=?bmp.bmHeight;
????CRect????rc;
????GetClientRect(
&rc);
????
if(m_bHorzStretch)
????
{
????????
while(lXStart?<=?rc.Width())
????????
{
????????????
if(lXEnd?>?rc.Width())
????????????
{
????????????????lXEnd?
=?rc.Width();
????????????}

????????????dc.BitBlt(lXStart,
0,?lXEnd-lXStart,?bmp.bmHeight,?&srcDC,?0,?0,?SRCINVERT);
????????????dc.SetBkColor(RGB(
255,255,255));
????????????dc.BitBlt(lXStart,?
0,?lXEnd-lXStart,?bmp.bmHeight,?&mskDC,?0,?0,?SRCAND);
????????????dc.BitBlt(lXStart,?
0,?lXEnd-lXStart,?bmp.bmHeight,?&srcDC,?0,?0,?SRCINVERT);
????????????lXStart?
+=?bmp.bmWidth;
????????????lXEnd?
+=?bmp.bmWidth;
????????}

????}

????
else
????
{
????????
while(lYStart?<=?rc.Height())
????????
{
????????????
if(lYEnd?>?rc.Height())
????????????
{
????????????????lYEnd?
=?rc.Height();
????????????}

????????????dc.BitBlt(
0,lYStart,?bmp.bmWidth,?lYEnd-lYStart,?&srcDC,?0,?0,?SRCINVERT);
????????????dc.SetBkColor(RGB(
255,255,255));
????????????dc.BitBlt(
0,lYStart,?bmp.bmWidth,?lYEnd-lYStart,?&mskDC,?0,?0,?SRCAND);
????????????dc.BitBlt(
0,lYStart,?bmp.bmWidth,?lYEnd-lYStart,?&srcDC,?0,?0,?SRCINVERT);
????????????lYStart?
+=?bmp.bmHeight;
????????????lYEnd?
+=?bmp.bmHeight;
????????}

????}

????srcDC.DeleteDC();
????mskDC.DeleteDC();

????
if(!m_strTitle.IsEmpty())
????
{
????????dc.SelectObject(m_ftTitle);
????????dc.SetTextColor(RGB(
255,?255,?255));
????????dc.SetBkMode(TRANSPARENT);
????????dc.TextOut(
0,?4,?m_strTitle);
????}

}



void?CBmpStatic::SetBitmap(UINT?nBmpID,?BOOL?bHorzStretch)
{
????
if(m_bmpBack.GetSafeHandle())
????
{
????????m_bmpBack.DeleteObject();
????}

????m_bmpBack.LoadBitmap(nBmpID);
????m_bHorzStretch?
=?bHorzStretch;
}


void?CBmpStatic::SetTitle(CString?strTitle)
{
????m_strTitle?
=?strTitle;
}
好了,有了顯示位圖的窗口,下面我們就來擺出一個欄目(最近的項目)。

工序四:擺置窗口,實現欄目。這個是細致活,先把中間的小主視圖控件擺上,然后四周放置8個static,基本如下(可能需要根據顯示結果來適當調整)。

然后為每個static控件關聯一個CBmpStatic,并設置位圖和顯示文本。
void?CVS2005StartView::OnInitialUpdate()
{
????CFormView::OnInitialUpdate();
????GetParentFrame()
->RecalcLayout();
????ResizeParentToFit();

????m_wndPrjUpLeft.SetBitmap(
6609);
????m_wndPrjUpMiddle.SetBitmap(
6610);
????m_wndPrjUpMiddle.SetTitle(_T(
"最近的項目"));
????m_wndPrjUpRight.SetBitmap(
6611);
????m_wndMiddleLeft.SetBitmap(
6612,?FALSE);
????m_wndMiddleRight.SetBitmap(
6613,?FALSE);
????m_wndBottomLeft.SetBitmap(
6614);
????m_wndBottomMiddle.SetBitmap(
6615);
????m_wndBottomRight.SetBitmap(
6616);

????m_imgProject.Create(
16,?16,?ILC_COLOR8|ILC_MASK,?2,?0);
????m_imgProject.Add(AfxGetApp()
->LoadIcon(MAKEINTRESOURCE(6826)));
????m_wndPrjList.SetImageList(
&m_imgProject,?LVSIL_SMALL);
????m_wndPrjList.InsertItem(
0,?_T("HTMLKit"),?0);
????m_wndPrjList.InsertItem(
1,?_T("Mapgis7"),?0);


????m_wndNewsUpLeft.SetBitmap(
6609);
????m_wndNewsUpMiddle.SetBitmap(
6610);
????m_wndNewsUpMiddle.SetTitle(_T(
"Visual?Studio?開發人員新聞"));
????m_wndNewsUpRight.SetBitmap(
6611);
????m_wndNewsMiddleLeft.SetBitmap(
6612,?FALSE);
????m_wndNewsMiddleRight.SetBitmap(
6613,?FALSE);
????m_wndNewsBottomLeft.SetBitmap(
6614);
????m_wndNewsBottomMiddle.SetBitmap(
6615);
????m_wndNewsBottomRight.SetBitmap(
6616);

????m_wndNewsInfo.SetFont(
&m_ftNewInfo);
????m_wndNewsInfo.AddString(_T(
"當前的新聞頻道可能無效或者你的?Internet"));
????m_wndNewsInfo.AddString(_T(
"連接不可用.若要更新新聞頻道,請在\"工具\"菜單上點擊\"選項\",然后展開"));
}

?

好了,下面來看看我們的窗口。


花費半天時間,只是圖實現,封裝性不是很好。

總結:
看過很多漂亮的界面,qq、泡泡堂登錄界面等,思路差不多,都是基于貼圖來做的,包括游戲的實現方式也差不多。界面的美觀其實主要靠藝術家,包括圖片效果以及窗口布局。

不足:
1、沒有使用雙緩存,拖動的時候背景有閃爍。
2、滾動條滑動的時候有問題,暫時沒時間處理。
3、代碼凌亂,不曉得資源句柄有沒有釋放干凈。
4、開發新聞那個listbox是自繪的,可以通過spy++看到,我沒時間做。
還有。。。

代碼下載

posted on 2006-11-16 20:39 萬連文 閱讀(3100) 評論(3)  編輯 收藏 引用 所屬分類: MFC

FeedBack:
# re: 用MFC做VS起始頁界面
2006-11-18 14:04 | fiestay
呵呵,動手能力不錯啊  回復  更多評論
  
# re: 用MFC做VS起始頁界面
2007-04-17 15:35 | ooo
繼續努力!  回復  更多評論
  
# re: 用MFC做VS起始頁界面[未登錄]
2008-09-22 16:42 | 菜鳥
你要是能把你做好的這個再重新放到.net的起始頁里,代替他老的那個,那就更好了!  回復  更多評論
  
簡歷下載
聯系我

<2011年9月>
28293031123
45678910
11121314151617
18192021222324
2526272829301
2345678

常用鏈接

留言簿(66)

隨筆分類

隨筆檔案

相冊

搜索

  •  

最新評論

閱讀排行榜

評論排行榜

青青草原综合久久大伊人导航_色综合久久天天综合_日日噜噜夜夜狠狠久久丁香五月_热久久这里只有精品
  • <ins id="pjuwb"></ins>
    <blockquote id="pjuwb"><pre id="pjuwb"></pre></blockquote>
    <noscript id="pjuwb"></noscript>
          <sup id="pjuwb"><pre id="pjuwb"></pre></sup>
            <dd id="pjuwb"></dd>
            <abbr id="pjuwb"></abbr>
            欧美专区亚洲专区| 欧美日韩精品免费在线观看视频| 久久综合九色综合网站| 久久成人免费| 老色鬼精品视频在线观看播放| 久久久亚洲一区| 欧美www视频| 99av国产精品欲麻豆| 中日韩美女免费视频网站在线观看| 日韩视频在线免费| 亚洲欧美日韩中文视频| 久久婷婷av| 欧美色欧美亚洲另类七区| 国产区亚洲区欧美区| 亚洲国产日韩欧美一区二区三区| 一区二区久久久久久| 翔田千里一区二区| 免费在线观看日韩欧美| 一区二区免费在线观看| 久久精品国产77777蜜臀| 欧美日韩久久不卡| 永久久久久久| 亚洲永久在线| 亚洲二区在线视频| 一区二区av在线| 久久一区二区三区av| 国产精品劲爆视频| 亚洲成人直播| 欧美亚洲在线| 日韩天堂av| 男男成人高潮片免费网站| 国产精品综合色区在线观看| 亚洲国产欧美精品| 久久国产夜色精品鲁鲁99| 99re成人精品视频| 久久女同精品一区二区| 国产乱码精品一区二区三区忘忧草| 亚洲黄页一区| 美脚丝袜一区二区三区在线观看| 亚洲视频每日更新| 欧美日韩国产123| 亚洲黄色在线视频| 欧美成人三级在线| 久久xxxx精品视频| 国产精品―色哟哟| 亚洲少妇中出一区| 日韩小视频在线观看| 欧美精品一区二区三| 亚洲精品中文字幕女同| 欧美成人久久| 久久影院午夜论| 又紧又大又爽精品一区二区| 欧美激情一区二区| 久久久精品国产99久久精品芒果| 亚洲精品欧美在线| 欧美a级一区| 亚洲第一中文字幕在线观看| 久久综合成人精品亚洲另类欧美 | 亚洲伦理精品| 另类亚洲自拍| 久久久久久久综合日本| 激情视频一区| 欧美不卡一区| 免费视频一区二区三区在线观看| 亚洲福利视频一区二区| 欧美国产日韩在线观看| 欧美粗暴jizz性欧美20| 亚洲精品女av网站| 亚洲精品乱码久久久久久按摩观 | 午夜精品剧场| 午夜精品亚洲一区二区三区嫩草| 国产欧美日韩不卡| 久久精品男女| 久久免费99精品久久久久久| 亚洲黄色视屏| 日韩视频一区二区在线观看| 国产精品国产一区二区| 久久精品一区二区国产| 狂野欧美性猛交xxxx巴西| 亚洲精选视频在线| 一本一本久久a久久精品综合妖精 一本一本久久a久久精品综合麻豆 | 欧美中文字幕| 亚洲成色精品| 亚洲欧洲美洲综合色网| 欧美午夜视频网站| 久久久免费精品视频| 嫩草国产精品入口| 亚洲一区精品视频| 久久精品天堂| 亚洲视频中文| 久久久久久综合网天天| 亚洲午夜av电影| 久久只精品国产| 亚洲免费影院| 免费观看不卡av| 羞羞漫画18久久大片| 蜜臀av性久久久久蜜臀aⅴ| 亚洲综合另类| 女人天堂亚洲aⅴ在线观看| 午夜精品免费| 毛片一区二区| 久久久中精品2020中文| 国产精品久久久久久久久婷婷| 蜜臀a∨国产成人精品| 欧美亚一区二区| 亚洲高清视频一区| 欧美一区日本一区韩国一区| 久久综合五月| 久久都是精品| 欧美视频日韩| 亚洲国产mv| 精品9999| 欧美一级大片在线观看| 亚洲午夜小视频| 欧美激情免费在线| 欧美成人一区二区三区片免费| 国产精品羞羞答答xxdd| 亚洲美女在线视频| 亚洲九九爱视频| 久久亚洲精品一区二区| 久久久人成影片一区二区三区| 欧美午夜精品久久久久免费视| 亚洲第一免费播放区| 在线精品国产欧美| 久久久久久网| 欧美成人免费网| 亚洲成人自拍视频| 久久久欧美一区二区| 久久亚洲综合色| 影音先锋另类| 毛片精品免费在线观看| 欧美大色视频| 亚洲精品中文字幕女同| 欧美精品日韩综合在线| 亚洲精品一区在线观看香蕉| 亚洲精选一区二区| 欧美日韩1区2区| 一区二区三区精品国产| 亚洲专区一二三| 国产精品手机视频| 亚洲欧美日韩久久精品 | 在线观看成人小视频| 久久综合九色欧美综合狠狠| 女主播福利一区| 亚洲欧洲日本国产| 欧美日韩中文在线观看| 99在线精品免费视频九九视| 亚洲影视在线播放| 国产毛片一区二区| 久久都是精品| 亚洲国产精品毛片| 亚洲主播在线| 国内精品久久久久影院薰衣草| 久久精品视频免费播放| 欧美国产日韩一区二区在线观看 | 久久精品国产清高在天天线| 久久在线精品| 一区二区三区av| 国产婷婷97碰碰久久人人蜜臀| 久久久久久久高潮| 亚洲精品在线免费观看视频| 午夜精品免费在线| 一区二区在线观看视频| 欧美乱大交xxxxx| 欧美一区二区三区视频免费播放| 久久一二三区| 亚洲一区精品在线| 在线免费观看视频一区| 欧美视频在线观看一区| 久久精品1区| 一本大道久久a久久精二百| 欧美一级精品大片| 欧美激情久久久久久| 亚洲欧美电影院| 亚洲高清在线观看| 国产精品区一区| 免费成人美女女| 亚洲欧美精品伊人久久| 亚洲国产综合在线看不卡| 欧美一区二区三区视频| 亚洲每日更新| 精品不卡一区二区三区| 国产精品美女久久久| 欧美高清在线播放| 久久久91精品国产| 亚洲一区日韩在线| 亚洲精品久久久久中文字幕欢迎你| 久久精品二区三区| 亚洲一区免费看| 一本大道av伊人久久综合| 亚洲国产日韩精品| 伊大人香蕉综合8在线视| 国产精品乱码人人做人人爱| 欧美精品导航| 免费欧美视频| 久久综合久色欧美综合狠狠| 久久成人免费| 欧美在线精品一区| 亚洲一区二区网站| 亚洲色图自拍|