3

I want to customize the FullWidthDetailsOverviewRowPresenter in the Leanback DetailFragment. Leanback Sample

Three things I want to accomplish are:

  1. Getting the Actions from top to below of the overview.
  2. Reducing the height of the overview so that it the related movies can be seen without scrolling down.
  3. The background image and the space it occupies at the top of the overview should be gone. The screen should start like the one above.

The end result should be like this:Dove detail

I already know how to modify inside the overview. How should I modify outside of it?

khateeb
  • 5,265
  • 15
  • 58
  • 114
  • how did you achived this ? – Bhushan Jul 11 '20 at 08:54
  • A better way to start implementing the desired UI might be to start from `DetailsOverviewRowPresenter` (keep in mind that it is deprecated) and then modifying it. – mahdi Jun 02 '21 at 13:30

2 Answers2

1

Because you are moving around the key views of this screen, it sounds like you might have to ditch the current implementation altogether and create your own custom view from scratch. By moving the buttons to the bottom and the detail image (seems like you're moving it to the right side of the description text), you're making it less and less justifiable to even subclass DetailFragment. The developers of Leanback were probably intentional about limiting customizing the interfaces too much as they want a consistent experience for different apps.

I would create a new layout file and load it up on your subclass of DetailsFragment (or DetailsPresenter), depending on your architecture.

You might find inspiration in this tuenti tv sample and part two of Marcus Gabilheri's customization series

kip2
  • 6,473
  • 4
  • 55
  • 72
1
  • Create Row List Fragment
  • In 1st Row create a Rowpresenter that fits your design with buttons
  • In other row/s add ListRowPreesenter
A_rmas
  • 784
  • 2
  • 10
  • 26