开发者

UIScrollView like Twitter app for iPad

开发者 https://www.devze.com 2023-01-23 10:35 出处:网络
I\'m looking for a tutorial or for s开发者_高级运维ome ideas to make a custom controller that looks like the one in the Twitter app for iPad, I mean the stacked pages with a main menu on the left. Tha

I'm looking for a tutorial or for s开发者_高级运维ome ideas to make a custom controller that looks like the one in the Twitter app for iPad, I mean the stacked pages with a main menu on the left. Thanks in advance for any help!!


we had created a mock project and added in github

https://github.com/raweng/StackScrollView


I have a solution for this.

Place a table view as a sidebar menu on the left side. Place a scroll view on the top. Add content into scroll view.

The scroll view will cover the table view. Set the width of content size of the scroll view to the sum of the content width and the sidebar width. The content position is at ( sidebar width, 0 ). You could drag it to cover or reveal the sidebar.

The problem is the table view could not receive any touch event for it is covered by the scroll view.

So I implement a subclass.

@interface UICascadeScrollView : UIScrollView {
        UIView* passthroughView_;
}

@property(nonatomic,assign) IBOutlet UIView* passthroughView;

@end

@implementation UICascadeScrollView

@synthesize passthroughView = passthroughView_;

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {
        for( UIView* v in self.subviews ) {
                if( CGRectContainsPoint( v.frame, point ) ) {
                        // one of the sub view could accept the touch event
                        return [super hitTest:point withEvent:event];
                }
        }
        CGPoint newPoint = [self convertPoint:point toView:passthroughView_];
    return [passthroughView_ hitTest:newPoint withEvent:event];
}


- (void)dealloc {
        self.passthroughView = nil;
    [super dealloc];
}


@end

Change the scrollview class to UICascadeScrollView and set the passthroughView to sidebar.

That's all.

==================================================================================

A sample of three cascade layers with a table view as a sidebar.

git@github.com:slavikshen/CascadeScrollView.git

https://github.com/slavikshen/CascadeScrollView

This is my first commit to git hub. Pls tell me, if there is anything wrong.

0

精彩评论

暂无评论...
验证码 换一张
取 消