Forum Discussion

GizDevWip's avatar
GizDevWip
Channel Surfer
4 years ago

Custom Rowlist or ZoomList like MUBI channel

Hey Team, suggest me how MUBI channel home screen design achieved, vertical scrolling whole screen with list item and list row with background image and click.

4 Replies

  • I think that's probably just a big rowlist with itemSize, rowHeights & focusXOffset all carefully set.

    The fade under the row titles off to the left is a nice touch, maybe that's a rowTitleComponent? Not something I've tried.

    The difference between the layout of big and small items is probably handled in the itemComponent, and that "more info" button is not actually a button - it's just a rectangle that lights up when the item and row are both in focus.

    I've had to go beyond this and implement my own dynamically drawn scrolling pages, which is pretty painful - it turns out to be really expensive to get the sizes of things on the page so drawing has to be done over multiple frames or the device crashes. I'd recommend sticking to the built in components if you possibly can!

    • GizDevWip's avatar
      GizDevWip
      Channel Surfer

      yea ok, but first row big tile item has no focus, selection border line no visible for first item

      • sanity-check's avatar
        sanity-check
        Roku Guru

        Yeah, that's true.. Could maybe observe rowItemFocused and turn off drawFocusFeedback when it's on row 0?