With this fun app, you can access the funniest memes and share them with your friends It is free and open-source. Require Android v6 and above.
Kotlin
MemeShare - Android App
With this fun app you can access the funniest memes and share them with your friends through your favorite apps. It is free and open source. It works on Android version 6 and above
## Download it now
1. File - > New Project- >Empty Activity - >MemeShare
In main.actovity.xml -> design - > add an avatar via Image View
Go to Split - Edit the code. Add Buttons for share and next , Add Vertical Guideline to indicate the right parent of SHARE and left parent of NEXT
<ImageView
android:id="@+id/imageView3"
android:layout_width="0dp"
android:layout_height="0dp" - height and width as 0 dp makes the image a single line
app:layout_constraintBottom_toBottomOf="parent" - making left , right , top , bottom constraint as parent so that the image spread outs evenly on screen
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
tools:srcCompat="@tools:sample/avatars" />
<Button
android:id="@+id/shareButton"
android:layout_width="0dp" - makes the width as long as free space is there.
android:layout_height="wrap_content" - make the heigh according to the content
android:padding="32dp" - giving padding to make button size bigger
android:text="Share" - text in button
app:layout_constraintBottom_toBottomOf="parent" - bottom to share is parent
app:layout_constraintLeft_toLeftOf="parent" - left to share is parent
app:layout_constraintRight_toLeftOf="@id/guideline2" - need a vertical guideline - righ of share is guideline and left of guideline is share => button right to left of is guideline
android:onClick="shareMeme"/>
<Button
android:id="@+id/nextButton"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:padding="32dp"
android:text="Next"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintLeft_toRightOf="@id/guideline2"
app:layout_constraintRight_toRightOf="parent"
android:onClick="nextMeme"/>
<androidx.constraintlayout.widget.Guideline - there was nothing to make the parent of right of share button and left of next button - guidelines are used
android:id="@+id/guideline2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
app:layout_constraintGuide_percent="0.5" /> - using percent =0.5 to make the vertical line exact in the middle of screen
Also, Extract String resorce for android:text="Share" and android:text="Next"
2. Volley
open source library -Volley is an HTTP library that makes networking for Android apps easier and most importantly, faster. Volley is available on GitHub.
Need to add dependecies in our app, specifically in gradle.
dependencies {
...
implementation 'com.android.volley:volley:1.2.0'
}
Go to Gradle Scrips -> build.gradle - > add above dependencies
https://developer.android.com/training/volley/simple
TO SEND A SIMPLE REQUEST
1. ADD INTERNET PERMISSION - To use Volley, you must add the android.permission.INTERNET permission to your app's manifest. Without this, your app won't be able to connect to the network.
Go to manifests file write one line <uses-permission android:name="android.permission.INTERNET"/>
2. Create JsonObjectRequest
2a. CREATING AND CHECKING StringRequest
private fun loadMeme(){ // copy the code for android documentation
// Instantiate the RequestQueue.
val queue = Volley.newRequestQueue(this)
val url = "https://www.google.com"
// Request a string response from the provided URL.
val stringRequest = StringRequest(
Request.Method.GET, url,
Response.Listener<String> { response ->
Log.d("success Request" , response.substring(0,500)) // same as doing debugging via println in java - printing first 500 characters
},
Response.ErrorListener {
Log.d("error", it.localizedMessage)
})
success image
Now, lets make JSON object request
private fun loadMeme(){ // copy the code for android documentation
// Instantiate the RequestQueue.
val queue = Volley.newRequestQueue(this)
val url = "https://meme-api.herokuapp.com/gimme" // using meme api
// Request a string response from the provided URL.
val jsonObjectRequest = JsonObjectRequest( // changing to JsonObjectRequest
Request.Method.GET, url, null, // we dont want to send anything ie. null
Response.Listener { response -> // output stored in response
val url = response.getString("url") // we need to url string of json file
Glide.with(this).load(url).into(imageView3) // refer step 3
},
Response.ErrorListener {
})
3. Glide - for images - to pass the images getting from api to image view.
https://github.com/bumptech/glide
repositories { // in build.grade(Project...)
google()
mavenCentral()
}
dependencies { // in build.grade(Module...)
implementation 'com.github.bumptech.glide:glide:4.12.0'
annotationProcessor 'com.github.bumptech.glide:compiler:4.12.0'
}
Add these repositories and dependencies in gradle - SYNC NOW
4. NEXT button for next memes
Just call the loadmeme() function under the nextmeme function
fun nextMeme(view: View) {
loadMeme()
}
5. Setting up a Pogress bar for next button
GO to actiivty_main.xml - setup a loader in the middle of the page.
<ProgressBar
android:id="@+id/progressBar"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintTop_toTopOf="@+id/imageView3"
app:layout_constraintLeft_toLeftOf="@+id/imageView3"
app:layout_constraintRight_toRightOf="@+id/imageView3"
app:layout_constraintBottom_toBottomOf="@+id/imageView3" />
It should be visible when loadMeme function works
GLide is taking all time to fetch the image- if img size 5kb -download will be faster
else Progress bar will show its loading. We need to add a REQUEST LISTENER Object in it.
What is qREQUEST LISTENER Object ?
This is an interface which implements two methods
onLoadFailed
onResourceReady
Go to MainActivity.kt and
Glide.with(this).load(curr_url).listener(object: RequestListener<Drawable>{
override fun onLoadFailed(e: GlideException?, model: Any?, target: Target<Drawable>?, isFirstResource: Boolean): Boolean {
progressBar.visibility = View.GONE // if failed stop the progress bar and return
return false
}
override fun onResourceReady(resource: Drawable?, model: Any?, target: Target<Drawable>?, dataSource: DataSource?, isFirstResource: Boolean): Boolean {
progressBar.visibility = View.GONE // if success then also stop and return
return false
}
Done.
6. Share Button
1. need to fetch the url fron load meme
2. Idea of intent(for interprocess comm) to go from one screen to another -
Implicit Intent
Explicit INtent
3. Have to create a var(mutable in Kotlin) at top as curr_url before load_meme and change the name of response.getString of json ObjectRequest as curr_val
4. Make an intent - Specity its type - Pass the text via intent
5. Make a chooser ,
6. Start Activity
var curr_url: String? = null
fun shareMeme(view: View) {
val intent = Intent(Intent.ACTION_SEND) - specifying the action
intent.type ="text/plain" - specify the type of file to be sent
intent.putExtra(Intent.EXTRA_TEXT , "hey, check this cool and funny meme I got from Reddit $url") -
val chooser = Intent.createChooser(intent, "Sharet this meme using.....") - share through multiuple apps.(FB, INsta, WhatsApp,...)
startActivity(chooser) - start the activity
}
Done.
7. MySingleton
reference: //refernce : https://developer.android.com/training/volley/requestqueue - source code
1. a class which will have only one instance
2. It is recommended to setup a single Voley(requirement of network) instance for every activity. A single insance throughout the app life cycle
Done.
