Skip to content

Latest commit

 

History

History
67 lines (41 loc) · 4.63 KB

UI.md

File metadata and controls

67 lines (41 loc) · 4.63 KB
Raw

UI customization

Playlist view

You can choose the view for browsing playlists:

  • Normal view, that is set up as default

  • Gallery view

Set PLAYLIST_GALLERY_VIEW in ZypeSettings.java to true to display playlists in this view.

In the gallery view you can manage following UI options:

  • PLAYLIST_GALLERY_ITEM_TITLES - When set to true the video title will show on the video thumbnails in the gallery view. If the thumbnail images already has the title it is recommended to turn this option off.

  • PLAYLIST_GALLERY_HERO_IMAGES - Hero images carousel will be displayed above the playlist rows, when this option is set ti true. Each hero image is clickable and linked to the specified playlist. The Top Playlist zobject in the platform is used to link playlists to hero images.

  • Poster style thumbnails - When Gallery View is set, "poster" style thumbnails are available if they have been configured on the Zype Admin. For more information see here

Video placeholders

The placeholder is used for videos that doesn't have thumbnails.

To set your custom placeholder image:

  1. Upload your placeholder image file (.png or .jpg) to template/res/drawable-xxhdpi folder.
  2. Update template/res/drawable/placeholder_video.xml file:

In the line android:src="@drawable/outline_play_circle_filled_white_white_48" change default placeholder resource name outline_play_circle_filled_white_white_48 to your custom one uploaded in the step 1.

Lock icons

Lock icon is displayed on video thumbnails of paywall videos.

Update values of following color resources to change lock icon colors:

colors.xml, values-night/colors.xml

icon_locked - Color of the locked icon

icon_unlocked - Color of the unlocked icon. If set to transparent color, the unlocked icon will not display.

Inline title

To display video and playlist titles underneath each thumbnail image set PLAYLIST_GALLERY_ITEM_INLINE_TITLES flag to true in the ZypeSettings.java file.

Social links

To remove web site and/or social media links (Facebook, Twitter, Instagram) from the Settings page you can comment out corresponding lines in the onCreate() method in SettingsFragment.java:

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        List<SettingsItem> settingsItems = new ArrayList<>();
        settingsItems.add(new SettingsItem(getActivity(), ITEM_SETTINGS, R.drawable.icn_settings, R.color.black_38, R.string.settings));
//        settingsItems.add(new SettingsItem(getActivity(), ITEM_WEB, String.format(getString(R.string.settings_web), getString(R.string.app_name))));
//        settingsItems.add(new SettingsItem(getActivity(), ITEM_FACEBOOK, R.drawable.icn_facebook, R.color.facebook_bg_color, String.format(getString(R.string.settings_facebook), getString(R.string.app_name))));
//        settingsItems.add(new SettingsItem(getActivity(), ITEM_TWITTER, R.drawable.icn_twitter, R.color.twitter_bg_color, String.format(getString(R.string.settings_twitter), getString(R.string.app_name))));
//        settingsItems.add(new SettingsItem(getActivity(), ITEM_INSTAGRAM, R.drawable.instagram, R.color.instagram, String.format(getString(R.string.settings_instagram), getString(R.string.app_name))));
        mAdapter = new SettingsListAdapter(getActivity(), R.layout.list_item_settings, settingsItems);
    }