This tutorial we are learning how to create an android application that will be showing Latest movies, Favorites movies and Most Popular movies in a gridview using Movie DB APIs.
The App will enable users to stream these movies trailers from Youtube.
Users can change settings(using SharedPreferences) to enable the app display either favorites movie(which users have saved), Highest rated movies from movie DB API and or Most Popular movies.
When users click on specific movie displayed in the gridview they will be taken to details screen where they will see details about the movie and also there is add to favorites button, and full image of the movie and at the bottom will show all the trailers a movie has in youtube
The following are the end result of this app.
Firstly we need to get API key from the movie DB website. You can visit the site register an account and apply for API key.
This API key is used to access the content from their database.
We are going to load data using android Retrofit Library which renders JSON data to the android device, Glide for rendering images and caching.
Lets get started,Create a new project “MovieApp” using latest android studio IDE and add the following libraries in build.gradle(Module:app)
|
1
|
compile 'com.squareup.retrofit2:retrofit:2.1.0'
|
|
1
|
compile 'com.github.bumptech.glide:glide:3.7.0'
|
|
1
|
compile 'com.squareup.retrofit2:converter-gson:2.1.0'
|
|
1
|
compile 'com.android.support:recyclerview-v7:25.3.1'
|
|
1
|
compile 'com.android.support:cardview-v7:25.3.1'
|
|
1
|
compile 'com.google.firebase:firebase-ads:10.0.1'
|
For security reasons, we will have our API key stored in gradle.properties(Project Properties) as shown below snippet
|
1
|
MovieDBApiToken="xxxxxxxxxxxxxxxxxxxxxxxxx"
|
We will call the API key in build.gradle(Module:app) file which will look as follows
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
|
apply plugin: 'com.android.application'
android {
compileSdkVersion 25
buildToolsVersion "26.0.1"
defaultConfig {
applicationId "ke.kazutech.movieapp.movieapp"
minSdkVersion 14
targetSdkVersion 25
versionCode 2
versionName "1.0"
testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
multiDexEnabled true
}
buildTypes {
release {
minifyEnabled false
proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
}
buildTypes.each{
it.buildConfigField 'String','THE_MOVIE_DB_API_TOKEN',MovieDBApiToken
}
}
}
dependencies {
compile fileTree(dir: 'libs', include: ['*.jar'])
// Required -- JUnit 4 framework
testCompile 'junit:junit:4.12'
// Optional -- Mockito framework
testCompile 'org.mockito:mockito-core:1.10.19'
androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', {
exclude group: 'com.android.support', module: 'support-annotations'
})
compile 'com.google.firebase:firebase-ads:10.0.1'
compile 'com.android.support:appcompat-v7:25.3.1'
compile 'com.android.support:design:25.3.1'
compile 'com.android.support:recyclerview-v7:25.3.1'
compile 'com.android.support:cardview-v7:25.3.1'
compile 'com.github.bumptech.glide:glide:3.7.0'
compile 'com.squareup.retrofit2:retrofit:2.1.0'
compile 'com.squareup.retrofit2:converter-gson:2.1.0'
compile 'com.android.support.constraint:constraint-layout:1.0.2'
compile 'com.github.ivbaranov:materialfavoritebutton:0.1.4'
androidTestCompile 'com.android.support:support-annotations:25.3.1'
androidTestCompile 'com.android.support.test.espresso:espresso-core:2.2.2'
androidTestCompile 'com.android.support.test.espresso:espresso-intents:2.2.2'
androidTestCompile 'com.android.support.test:rules:0.5'
androidTestCompile 'com.android.support.test:runner:0.5'
androidTestCompile("com.android.support.test.espresso:espresso-contrib:2.2.2") {
exclude module: 'espresso-core'
exclude module: 'support-v4'
exclude module: 'recyclerview-v7'
exclude module: 'appcompat-v7'
exclude module: 'support-annotations'
exclude module: 'design'
}
}
apply plugin: 'com.google.gms.google-services'
|
Having configured properly you can add the following for activity_main.xml files.
|
1
2
3
4
5
6
7
8
9
10
|
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.SwipeRefreshLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/white"
android:id="@+id/main_content">
<include layout="@layout/content_main"/>
</android.support.v4.widget.SwipeRefreshLayout>
|
create content_main.xml file which will contain content of activity_main.xml
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:ads="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:background="@color/viewBg"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:context="ke.kazutech.movieapp.movieapp.MainActivity"
tools:showIn="@layout/activity_main"
android:layout_marginTop="@dimen/activity_vertical_margin">
<android.support.v7.widget.RecyclerView
android:id="@+id/recycler_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:clipToPadding="false"
android:scrollbars="vertical" />
</RelativeLayout>
|
Under Java create a new package called adapter under it create “MoviesAdapter” class and have the following codes in this class.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
|
public class MoviesAdapter extends RecyclerView.Adapter{
private Context mContext;
private List movieList;
private static final int DEFAULT_VIEW_TYPE = 1;
public int lastPosition = -1;
public MoviesAdapter(Context mContext,List movieList){
this.mContext=mContext;
this.movieList=movieList;
}
@Override
public int getItemViewType(int position) {
if (position>1 && position % 4 == 0) {
return NATIVE_AD_VIEW_TYPE;
}
return DEFAULT_VIEW_TYPE;
}
@Override
public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup viewGroup,int i){
View view;
switch (i) {
default:
view = LayoutInflater.from(viewGroup.getContext())
.inflate(R.layout.movie_card, viewGroup, false);
return new MyViewHolder(view);
}
}
@Override
public void onBindViewHolder(RecyclerView.ViewHolder holder, int position){
if (!(holder instanceof MyViewHolder)) {
return;
}
MyViewHolder viewHolder=(MyViewHolder) holder;
Movie currentItem=movieList.get(position);
viewHolder.title.setText(currentItem.getOriginalTitle());
String vote=Double.toString(currentItem.getVoteAverage());
viewHolder.userrating.setText(vote);
String poster = "https://image.tmdb.org/t/p/w500" + currentItem.getPosterPath();
Glide.with(mContext)
.load(poster)
.placeholder(R.drawable.load)
.into(viewHolder.thumbnail);
setAnimation(viewHolder.itemView, position);
/*
RecyclerView.Adapter
final MoviesAdapter.MyViewHolder viewHolder,int i
viewHolder.title.setText(movieList.get(i).getOriginalTitle());
String vote=Double.toString(movieList.get(i).getVoteAverage());
viewHolder.userrating.setText(vote);
String poster = "https://image.tmdb.org/t/p/w500" + movieList.get(i).getPosterPath();
Glide.with(mContext)
.load(poster)
.placeholder(R.drawable.load)
.into(viewHolder.thumbnail);
setAnimation(viewHolder.itemView, i);*/
}
@Override
public int getItemCount(){
return movieList.size();
}
public void setFilter(ArrayList newsModels) {
movieList = new ArrayList<>();
movieList.addAll(newsModels);
notifyDataSetChanged();
}
private void setAnimation(View viewToAnimate, int position) {
// If the bound view wasn't previously displayed on the screen, it's animated
if (position > lastPosition) {
ScaleAnimation anim = new ScaleAnimation(0.0f, 1.0f, 0.0f, 1.0f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
anim.setDuration(new Random().nextInt(501));//to make duration random number between [0,501)
viewToAnimate.startAnimation(anim);
// lastPosition = position;
}
}
public class MyViewHolder extends RecyclerView.ViewHolder{
public TextView title,userrating;
public ImageView thumbnail;
public MyViewHolder(View view){
super(view);
title=(TextView) view.findViewById(R.id.title);
userrating=(TextView) view.findViewById(R.id.userrating);
thumbnail=(ImageView) view.findViewById(R.id.thumbnail);
view.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
int pos=getAdapterPosition();
if(pos!=RecyclerView.NO_POSITION){
Movie clickedDataItem=movieList.get(pos);
Intent intent=new Intent(mContext, DetailActivity.class);
intent.putExtra("movies", clickedDataItem );
intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
mContext.startActivity(intent);
Toast.makeText(v.getContext(),"You Clicked "+clickedDataItem.getOriginalTitle(),Toast.LENGTH_LONG).show();
}
}
});
}
}
}
|
Create another package called model and in it create Movie class which implements Parcelable interface which allows serialization of objects rather fast.The following are object/String parsed under the Movie class.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
|
public class Movie implements Parcelable {
@SerializedName("poster_path")
private String posterPath;
@SerializedName("adult")
private boolean adult;
@SerializedName("overview")
private String overview;
@SerializedName("release_date")
private String releaseDate;
@SerializedName("genre_ids")
private List genreIds = new ArrayList();
@SerializedName("id")
private Integer id;
@SerializedName("original_title")
private String originalTitle;
@SerializedName("original_language")
private String originalLanguage;
@SerializedName("title")
private String title;
@SerializedName("backdrop_path")
private String backdropPath;
@SerializedName("popularity")
private Double popularity;
@SerializedName("vote_count")
private Integer voteCount;
@SerializedName("video")
private Boolean video;
@SerializedName("vote_average")
private Double voteAverage;
public Movie(String posterPath, boolean adult, String overview, String releaseDate, List genreIds, Integer id,
String originalTitle, String originalLanguage, String title, String backdropPath, Double popularity,
Integer voteCount, Boolean video, Double voteAverage) {
this.posterPath = posterPath;
this.adult = adult;
this.overview = overview;
this.releaseDate = releaseDate;
this.genreIds = genreIds;
this.id = id;
this.originalTitle = originalTitle;
this.originalLanguage = originalLanguage;
this.title = title;
this.backdropPath = backdropPath;
this.popularity = popularity;
this.voteCount = voteCount;
this.video = video;
this.voteAverage = voteAverage;
}
public Movie(){
}
public static final Comparator BY_NAME_ALPHABETICAL = new Comparator() {
@Override
public int compare(Movie movie, Movie t1) {
return movie.originalTitle.compareTo(t1.originalTitle);
}
};
public String getPosterPath() {
return posterPath;
}
public void setPosterPath(String posterPath) {
this.posterPath = posterPath;
}
public boolean isAdult() {
return adult;
}
public void setAdult(boolean adult) {
this.adult = adult;
}
public String getOverview() {
return overview;
}
public void setOverview(String overview) {
this.overview = overview;
}
public String getReleaseDate() {
return releaseDate;
}
public void setReleaseDate(String releaseDate) {
this.releaseDate = releaseDate;
}
public List getGenreIds() {
return genreIds;
}
public void setGenreIds(List genreIds) {
this.genreIds = genreIds;
}
public Integer getId() {
return id;
}
public void setId(Integer id) {
this.id = id;
}
public String getOriginalTitle() {
return originalTitle;
}
public void setOriginalTitle(String originalTitle) {
this.originalTitle = originalTitle;
}
public String getOriginalLanguage() {
return originalLanguage;
}
public void setOriginalLanguage(String originalLanguage) {
this.originalLanguage = originalLanguage;
}
public String getTitle() {
return title;
}
public void setTitle(String title) {
this.title = title;
}
public String getBackdropPath() {
return backdropPath;
}
public void setBackdropPath(String backdropPath) {
this.backdropPath = backdropPath;
}
public Double getPopularity() {
return popularity;
}
public void setPopularity(Double popularity) {
this.popularity = popularity;
}
public Integer getVoteCount() {
return voteCount;
}
public void setVoteCount(Integer voteCount) {
this.voteCount = voteCount;
}
public Boolean getVideo() {
return video;
}
public void setVideo(Boolean video) {
this.video = video;
}
public Double getVoteAverage() {
return voteAverage;
}
public void setVoteAverage(Double voteAverage) {
this.voteAverage = voteAverage;
}
@Override
public int describeContents() {
return 0;
}
@Override
public void writeToParcel(Parcel dest, int flags) {
dest.writeString(this.posterPath);
dest.writeByte(this.adult ? (byte) 1 : (byte) 0);
dest.writeString(this.overview);
dest.writeString(this.releaseDate);
dest.writeList(this.genreIds);
dest.writeValue(this.id);
dest.writeString(this.originalTitle);
dest.writeString(this.originalLanguage);
dest.writeString(this.title);
dest.writeString(this.backdropPath);
dest.writeValue(this.popularity);
dest.writeValue(this.voteCount);
dest.writeValue(this.video);
dest.writeValue(this.voteAverage);
}
protected Movie(Parcel in) {
this.posterPath = in.readString();
this.adult = in.readByte() != 0;
this.overview = in.readString();
this.releaseDate = in.readString();
this.genreIds = new ArrayList();
in.readList(this.genreIds, Integer.class.getClassLoader());
this.id = (Integer) in.readValue(Integer.class.getClassLoader());
this.originalTitle = in.readString();
this.originalLanguage = in.readString();
this.title = in.readString();
this.backdropPath = in.readString();
this.popularity = (Double) in.readValue(Double.class.getClassLoader());
this.voteCount = (Integer) in.readValue(Integer.class.getClassLoader());
this.video = (Boolean) in.readValue(Boolean.class.getClassLoader());
this.voteAverage = (Double) in.readValue(Double.class.getClassLoader());
}
public static final Parcelable.Creator CREATOR = new Parcelable.Creator() {
@Override
public Movie createFromParcel(Parcel source) {
return new Movie(source);
}
@Override
public Movie[] newArray(int size) {
return new Movie[size];
}
};
}
|
Create api package and under it create Client class and Service interface this are use to fetch API keys and api url.
|
1
2
3
4
5
6
7
8
9
10
|
public class Client {
public static final String BASE_URL="https://api.themoviedb.org/3/";
public static Retrofit retrofit=null;
public static Retrofit getClient() {
if (retrofit == null) {
retrofit=new Retrofit.Builder().baseUrl(BASE_URL).addConverterFactory(GsonConverterFactory.create()).build();
}
return retrofit;
}
}
|
|
1
2
3
4
5
6
7
8
9
10
11
|
public interface Service {
@GET("movie/popular")
Call getPopularMovies(@Query("api_key") String apiKey);
@GET("movie/top_rated")
Call getTopRatedMovies(@Query("api_key") String apiKey);
@GET("movie/{movie_id}/videos")
Call getMovieTrailer(@Path("movie_id") int id, @Query("api_key") String apiKey);
}
|
To get full source codes which include Admob Adds both interstitial and banner Add download from the link below
@ $5
sound like you know what you?re talking about! Thanks https://yong79.com/
I like the helpful info you provide in your articles. I will bookmark your weblog and check again here regularly. https://yong79.com/
With thanks! Valuable information!
With thanks! Valuable information!
With thanks! Valuable information!
I got what you mean,saved to fav, very decent site. https://yong79.com/
It?s hard to come by knowledgeable people on this subject, however, you https://yong79.com/
With thanks! Valuable information!
great