Flix

Flix is an app that allows users to browse movies from the The Movie Database API.

Flix Part 2

[x] (8pts) Expose details of movie (ratings using RatingBar, popularity, and synopsis) in a separate activity.
[x] (2pts) Allow video posts to be played in full-screen using the YouTubePlayerView.

[ ] Trailers for popular movies are played automatically when the movie is selected (1 point).
- [ ] When clicking on a popular movie (i.e. a movie voted for more than 5 stars) the video should be played immediately.
- [ ] Less popular videos rely on the detailed page should show an image preview that can initiate playing a YouTube video.
[ ] Add a play icon overlay to popular movies to indicate that the movie can be played (1 point).
[ ] Apply the popular ButterKnife annotation library to reduce view boilerplate. (1 point)
[ ] Add a rounded corners for the images using the Glide transformations. (1 point)

The only real difficulty I had this week was finding the time to complete it, which is not related to the assignment.

[x] (10pts) User can view a list of movies (title, poster image, and overview) currently playing in theaters from the Movie Database API.

[x] (2pts) Views should be responsive for both landscape/portrait mode.
- [x] (1pt) In portrait mode, the poster image, title, and movie overview is shown.
- [x] (1pt) In landscape mode, the rotated alternate layout should use the backdrop image instead and show the title and movie overview to the right of it.
[ ] (2pts) Display a nice default placeholder graphic for each image during loading
[ ] (2pts) Improved the user interface by experimenting with styling and coloring.
[x] (2pts) For popular movies (i.e. a movie voted for more than 5 stars), the full backdrop image is displayed. Otherwise, a poster image, the movie title, and overview is listed. Use Heterogenous RecyclerViews and use different ViewHolder layout files for popular movies and less popular ones.

GIF created with LiceCap.

I hit a snag early on when I got a androidx.constraintlayout.widget.ConstraintLayout error on the line AsyncHttpClient client = new AsyncHttpClient();. I found the solution in the CodePath discussion board and did not need to form my own question. I was using the wrong SDK version.
I had some difficulties figuring out how to access the orientation of the device inside the movie class. In the end I required context to be passed in to determine which image to grab. I figure I'll need that anyways when I make the image size responsive.