• <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>

            逛奔的蝸牛

            我不聰明,但我會很努力

               ::  :: 新隨筆 ::  ::  :: 管理 ::
            @import url(http://www.shnenglu.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css); 首先大家看Apple關于NSButton的描述,NSButton跟NSWindow一樣,它的外觀形式也是委托給NSButtonCell來處理的,自身只包含邏輯代碼。
            所以重繪NSButton就是重繪NSButtonCell啦,然后把NSButton的cell設置位你自己的cell就好了。

            1)重繪目標
            首先觀察一下系統NSButton的行為和外觀表現,可以發現默認Button(快捷健設置為return)是有一個一閃一閃的效果,鼠標點擊其他非默認button的時候同window上默認button的藍色消失,同時被點中button變成藍色。放開鼠標,默認button恢復藍色背景并閃爍,被點擊button變白色。
            重繪一個控件最好是不要改變其默認行為,也最好不要違反Apple的關于界面設計的建議文檔。所以我們的目標是重繪出來的button是灰色漸變背景,默認button有一個黃色的圈圈圍在周圍,不閃爍。被點中的button顯示黃色圈圈,默認button黃色圈圈消失。
            效果如下圖:
            鼠標未按下效果

             
            鼠標按下效果

             

            2)漸變背景
            NSButtonCell的重繪方法很簡單,重寫下面的方法即可。
            邏輯就是
            1)檢測當前button的類型(普通button,checkbox,radiobutton等)
            2)畫button的基本形狀和顏色
            3)如果當前button被click了,那么顯然的畫一個黃色的圈圈上去
            4)如果沒有被click,那么檢測是否為默認button,如果是,并且當前window沒有被click的其他button,那么為自己畫一個黃色的圈圈,否則不畫。

            // buttoncell有一個私有方法來標示當前button的類型
            // 這里只列出關心的三種類型

            typedef enum KAButtonType{
                KACheckBox = 3,
                KARadioButton = 4,
                KARoundButton = 7
            };

            - (void)drawWithFrame: (NSRect)cellFrame inView: (NSView *)controlView
            {
            switch ([self _buttonType]) {
             // buttonCell的私有函數,可以確定button類型,10.4/10.5/10.6都可用
                        case KACheckBox:
                            [self drawCheckInFrame:cellFrame isRadio:NO]; 
            // 畫checkbox的形狀,這里忽略不畫
                            break;
                        case KARadioButton:
                            [self drawCheckInFrame:cellFrame isRadio:YES];
             // 畫radiobutton的形狀,這里忽略不畫
                            break;
                        default:
                            switch ([buttonCell bezelStyle]) {
             // 這就是button啦,默認的形狀,這個參數可以在IB里設置,
                                                                                       // 所以button的類型必須為NSRoundedBezelStyle,當然你可以改為其他的
                                case NSRoundedBezelStyle:
                                    [self drawRoundedButtonInFrame: cellFrame inView: controlView];
                                    break;
                                    
                         case NSRegularSquareBezelStyle:
                                    [self drawHyperLinkButtonInFrame: cellFrame];
                                    break;
                                default:
                                    break;
                            }
                            break;
                    }

                    
                    // 畫Button的圖片哦
                    // Comment by yoyokko
                    // if [buttonCell _normalImage] is nil, that to say there is a missing 
                    // field in nib file for this check box --> 
                    // NSButtonCell uses function <(int)_buttonType> to determine button type.
                    // After hacking, I found that 3==Checkbox, 4==Radio, 7==RoundedButton

                    if([buttonCell _buttonType] == KARoundButton)
                    {    
                        if([buttonCell imagePosition] != NSNoImage) {
                            [self drawImage: [buttonCell image] withFrame: cellFrame inView: [buttonCell controlView]];
                        }
                    }
            }

            // 查詢當前window上有沒有被click的button
            - (void)travelSubViews: (NSView*)view
            {
                NSArray *items = [view subviews];
                NSEnumerator *enumerator = [items objectEnumerator];
                id anObject = nil;
                while (anObject = [enumerator nextObject]) 
                {
                    if ([anObject isKindOfClass: [NSButton class]])
                    {
                        NSButtonCell *buttonCell = [anObject cell];
                        NSBezelStyle buttonStyle = [buttonCell bezelStyle];
                        if ([buttonCell isHighlighted] &&
                            (buttonStyle == NSRoundedBezelStyle || buttonStyle == NSTexturedRoundedBezelStyle))
                        {
                            [self setMIsFound: YES];
                            break;
                        }
                    }
                    else
                    {
                        [self travelSubViews: anObject];
                    }
                }    
            }


            // 畫漸變的button和黃色圈圈
            -(void)drawRoundedButtonInFrame:(NSRect)frame inView: (NSView *)controlView
            {    
                NSRect textFrame;
                
                //Adjust Rect so strokes are true and
                //shadows are visible
                frame.origin.x += .5f;
                frame.origin.y += .5f;
                frame.size.height -= 1;
                frame.size.width -= 1;
                
                //Adjust Rect based on ControlSize so that
                //my controls match as closely to apples
                //as possible.
                switch ([buttonCell controlSize]) {
                    default: // Silence uninitialized variable warnings for textFrame fields.
                    case NSRegularControlSize:
                        
                        frame.origin.x += 4;
                        frame.origin.y += 4;
                        frame.size.width -= 8;
                        frame.size.height -= 12;
                        
                        textFrame = frame;
                        break;
                        
                    case NSSmallControlSize:
                        
                        frame.origin.x += 4;
                        frame.origin.y += 4;
                        frame.size.width -= 8;
                        frame.size.height -= 11;
                        
                        textFrame = frame;
                        textFrame.origin.y += 1;
                        break;
                        
                    case NSMiniControlSize:
                        
                        frame.origin.y -= 1;
                        
                        textFrame = frame;
                        textFrame.origin.y += 1;
                        break;
                }
                
                //Create Path
                NSBezierPath *path = [[NSBezierPath alloc] init];
                [path appendBezierPathWithRoundedRect: frame cornerRadius:6.0f];
                if([buttonCell isEnabled]) 
                {    
                    // draw inner part of button first

                            // 畫button的灰色漸變部分
                    [self drawShadingWithStartingColor: [self colorVlaueWithRed: 239 green: 239 blue: 239]//[NSColor blackColor]
                                       withEndingColor: [self colorVlaueWithRed: 93 green: 93 blue: 93]//[NSColor whiteColor]
                                          inBezierPath: path];

                    
                    // draw focus ring second
                   // 當當前button被click時,畫那個黃色的圈圈
                    // if the button is highlighted, then draw a ring around the button
                    if([buttonCell isHighlighted]) // 當button被click時,isHighlighted返回YES
                    {            
                        [[self colorVlaueWithRed: 246 green: 186 blue: 55] set];
                        [path setLineWidth: 3.0f];
                        [path stroke];        
                    } 
                    else
                    {

                      // button沒有被click,那就檢查是否為默認的button
                        // otherwise, check if it is a default button
                        id btnControl = [buttonCell controlView];
                    
                        if ([btnControl respondsToSelector: @selector(keyEquivalent)] && [[btnControl keyEquivalent] isEqualToString: @"\r"])
                        { 

                            // 如果是默認button
                            NSView *superView = controlView;
                            NSView *tempView = nil;
                            for (tempView = superView; tempView != nil; tempView = [tempView superview])
                                superView = tempView;

                            // 找到當前window的contentview
                            if (superView)
                            {
                                [buttonCell setMIsFound:NO];
                                [buttonCell travelSubViews: superView];
                            }
                            

                            // 看當前window中有沒有被click的button,沒有就把自己這個默認button畫一個黃圈
                            if (![buttonCell mIsFound])
                            {
                                [[self colorVlaueWithRed: 246 green: 186 blue: 55] set];
                                [path setLineWidth: 3.0f];
                                [path stroke];
                            }
                            
                            [buttonCell setMIsFound:NO];
                        }
                    }
                    
                } 
                else 
                {        

                    // button 沒有enable
                    [self drawShadingWithStartingColor: [self colorVlaueWithRed: 220 green: 220 blue: 220]//[NSColor blackColor]
                                       withEndingColor: [self colorVlaueWithRed: 112 green: 112 blue: 112]//[NSColor whiteColor]
                                          inBezierPath: path];
                }
                
                [path release];

                
                    // 畫button的text,這里忽略不畫
                if([buttonCell imagePosition] != NSImageOnly) {        
                    [self drawTitle: [buttonCell attributedTitle] withFrame: textFrame inView: [buttonCell controlView]];
                }
            }



            至此,所有繪制的代碼工作都已經完成了,包括黃色圈圈和點擊其他button的行為都寫好了~
            但這樣做會有一個問題……


            3)更改系統默認畫黃色圈圈的行為
            釋下面一段代碼的行為,這個很重要,否則會出現非常巧妙的bug……很奇妙,困擾了我兩個星期的bug,恨哪~

            - (void)heartBeat:(CDAnonymousStruct7 *)fp8
            {
                id btnControl = [self controlView];

                if ([btnControl respondsToSelector: @selector(keyEquivalent)] && [[btnControl keyEquivalent] isEqualToString: @"\r"])// && !oneButtonClicked)
                {
                    [btnControl setNeedsDisplay:YES];
                }
            }


            首先探索一下系統默認button的一閃一閃的行為是怎么做的,blabla一大堆,經過hack發現,每個程序在起來之后都會啟動一個叫做HeartBeat的線程。每個control都有一個heartBeat:的函數。
            這個線程負責默認button的一閃一閃的刷新,spin的旋轉等,所以在你的主界面block住的時候你會發現button還在閃,spin還在轉,而你自己用timer寫的progressspin是不會轉的。對于一個window來說,它上面的button不會一直刷新,只是顯示的時候刷幾次,而默認button會被heartbeat線程調用一直刷新。

            問題就出在這里,這是一個線程啊,我們重寫了buttoncell的繪制函數,但我們并沒有做處理并保證這個函數是原子的調用啊,所以這里會發生非常極品的問題(當用多線程繪制界面時一定要注意是原子操作)
            首先有一個程序彈出了一個sheet,然后這個sheet上有一個button,點擊button會再次彈出一個sheet,不知道是不是apple的這里的消息循環有問題,在點擊這個button彈出sheet的同時,button所在的window或者新彈出的window上有的button會被刷成別的形狀,比如某個radiobutton的字變成了OK,或者就變成了一個拉長版的普通button,并且只會變成默認button的字或者形狀。
            這就是因為多線程的原因造成的。在刷當前button的時候,heartbeat來搗亂了,不知道怎么搞得就把默認button的字或者形狀刷到了當前button的信息上面(button的text就是被改變了)。不太清楚默認的heartBeat:里面做了些什么。
            所以這里只能重寫heartBeat:函數(亦或把重繪函數變成原子的,沒試過),在這個函數里面啥都不做,只是檢測當前button是否為默認button,是的畫就通知主線程來刷新。
            因為這里只是加一個黃色圈圈而已,所以即使主線程block住也沒什么問題。

            JB,非常JB~

            PS:在10.4上程序起來時heartbeat線程不能正常起來,所以需要在程序結束launching之后談一個sheet,再把之關閉就可以了(很奇怪,估計Tiger上的消息循環還是有很大的問題的)。
            @import url(http://www.shnenglu.com/CuteSoft_Client/CuteEditor/Load.ashx?type=style&file=SyntaxHighlighter.css);@import url(/css/cuteeditor.css);

            From: http://www.cocoachina.com/bbs/read.php?tid=14590
            posted on 2011-12-09 04:00 逛奔的蝸牛 閱讀(2944) 評論(0)  編輯 收藏 引用 所屬分類: Cocoa
            久久久久亚洲精品天堂久久久久久 | 亚洲精品乱码久久久久久蜜桃图片 | 久久久国产打桩机| 久久综合噜噜激激的五月天| 久久久久亚洲精品天堂| 久久九九亚洲精品| 久久综合狠狠综合久久97色| 2020国产成人久久精品| 久久香综合精品久久伊人| 国内精品久久久久久麻豆| 午夜视频久久久久一区 | 久久精品人成免费| 国产免费久久精品99久久| 久久伊人精品一区二区三区| 久久综合丝袜日本网| 久久亚洲精品无码aⅴ大香| 欧美精品一区二区精品久久 | 久久久国产精品福利免费| 人人妻久久人人澡人人爽人人精品| 久久九九青青国产精品| 色欲综合久久躁天天躁蜜桃 | 久久久久99精品成人片欧美| 久久综合伊人77777麻豆| 久久久久国产一级毛片高清版| 久久精品人人做人人爽电影| 久久精品国产只有精品66| 狠狠干狠狠久久| AV狠狠色丁香婷婷综合久久| 亚洲中文字幕久久精品无码APP| 久久久久婷婷| 久久www免费人成看国产片| 久久国产精品-久久精品| 97久久久久人妻精品专区| 色综合久久无码中文字幕| 中文字幕乱码人妻无码久久| 国产精品久久新婚兰兰| 国产精品一区二区久久精品涩爱 | 久久久久久久97| AV色综合久久天堂AV色综合在| 久久99国产综合精品免费| 99麻豆久久久国产精品免费|