Forums Ultimate UI for iOS
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Infragistics Fan
1935
Stretch Row content...
posted

Steve, 

I liked your article on Stretch Rows

http://ko.infragistics.com/community/blogs/stevez/archive/2014/11/20/nuclios-iggridview-stretch-rows.aspx

But I'm wondering about a few more details that weren't inlcuded in the article.

1. How did you populate the green portion with its content?  For example, is it a manual placement of one imageview after another, inside a horizontal scrollview?

2. How did you make the yellow portion of the row fixed, while making the green portion slide behind the yellow with a slight transparency on the yellow, so that you can see the green content behind it.  Did you use features of the grid to do that, or is that a mix of standard iOS controls.

This type of functionality would be very useful to understand.

Thanks.

  • 40030
    Verified Answer
    Offline posted

    Hi David, 

    Great question. 

    In that stretch row, I've created a custom IGGridViewCell thats contains a nested IGGridView. 

    In that Grid, i've set the contentInset so that there has spacing to its left. I've done this before in another blog post here: http://ko.infragistics.com/community/blogs/stevez/archive/2014/05/13/ios-objective-c-custom-paging-with-uiscrollview-using-the-iggridview.aspx

    So then i paced another view (the yellow area) in that content inset place. It creates a cool effect where the grids content will then scroll underneath it for that transparency look that is very common in iOS 7 and 8. 

    If you've installed our product, you actually have the source code for what i'm doing there. 

    If you look in the igSampleSelectorViewController.m file and look at the implementation for the igGridScenarioSampleCell class, you can review the code. 

    Hope this helps, 

    -SteveZ