Flickster shows the latest movies currently playing in theaters. The app utilizes the Movie Database API to display images and basic information about these movies to the user.
Time spent: 12 hours spent in total
The following required functionality is completed:
- User can scroll through current movies from the Movie Database API
- Layout is optimized with the usage of RecyclerView and RecyclerView.ViewHolder
- For each movie displayed, user can see the following details:
- Title, Poster Image, Overview (Portrait mode)
- Title, Backdrop Image, Overview (Landscape mode)
The following optional features are implemented:
- User can pull-to-refresh popular stream to get the latest movies.
- Display a nice default placeholder graphic for each image during loading (I used a circular progress bar)
- Improved the user interface through styling and coloring.
The following bonus features are implemented:
- Allow user to view details of the movie including ratings and popularity within a separate activity or dialog fragment.
- When viewing a popular movie (i.e. a movie voted for more than 5 stars) the video should show the full backdrop image as the layout. Uses Heterogenous ListViews or Heterogenous RecyclerView to show different layouts.
- Allow video trailers to be played in full-screen using the YouTubePlayerView.
- Overlay a play icon for videos that can be played.
- More popular movies should start a separate activity that plays the video immediately.
- Less popular videos rely on the detail page should show ratings and a YouTube preview.
- Apply the popular Butterknife annotation library to reduce boilerplate code.
- Apply rounded corners for the poster or background images using Picasso transformations
The following additional features are implemented:
- Load list of videos in YouTubePlayerView
- Share movie link - https://www.themoviedb.org/movie/id
Here's a walkthrough of implemented user stories:
GIF created with LiceCap.
- There is an strange problem using the YouTubePlayerSupportFragment. If the movie is shown in fullscreen, after the video is dismissed, the activity remains in landscape mode and, even if i rotate the device, the landscape mode still remains. It was necessary to force portrait mode righ after the video exists fullscreen mode. Also, in other emulator, after the fullscreen mode is dismissed, the container activity was completely restarted (onCreate was called)
- The RatingBar color is set up in code. The xml properties did not had the desired effect in some Android versions.
- Android Async HTTP - Simple asynchronous HTTP requests with JSON parsing
- Picasso - Image loading and caching library for Android
- Picasso Transformations - An Android transformation library providing a variety of image transformations for Picasso
- Butterknife - Bind Android views and callbacks to fields and methods
- Icepick - Android Instance State made easy
- ACProgressLite - Android loading or progress dialog widget library, provide efficient way to implement iOS like loading dialog and progress wheel
Copyright 2016 Andrés Llerena
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.