Merge pull request dubesar#519 from JCarlosR/dark_theme_and_icons_for_meme_app

Fixes dubesar#518: Add dark mode and icons

Author: dubesar

Android/Android Apps/MemeShareApp/.idea/misc.xml

@@ -5,14 +5,16 @@ This app shows the memes that come from Reddit. We can share the meme through an
 ![one](app/src/main/res/mipmap-hdpi/one.png)
 
 ## Concepts Learned
-- Calling various API's
+- Call various APIs
 - Networking
-- Image Processing
-- Adding Dependencies
-- Calling buttons via onClickListener
+- Image processing
+- Add dependencies
+- Call buttons via onClickListener
 - TextView, Layouts
-- Asynchronous Callback
+- Asynchronous callbacks
 - Use Volley and Glide
+- Dark theme (using night colors)
+- Set menu items
 
 ## Asynchronous Callback
 An Asynchronous call does not block the program from the code execution. When the call returns from the event, the call returns back to the callback function. So in the context of Java, we have to Create a new thread and invoke the callback method inside that thread. The callback function may be invoked from a thread but is not a requirement. A Callback may also start a new thread, thus making themselves asynchronous.
@@ -24,8 +26,9 @@ Glide Github : [Glide](https://github.com/bumptech/glide)
 
 Meme API : [API](https://github.com/D3vd/Meme_Api)
 
-# Improvement
+# Do you want to contribute?
 - make the app edit the meme
-- make improvement in the UI Of the app
-- add Dark Mode
-- add Orientation of the app
+- make improvements in the UI of the app
+- add support for both orientations
+- prevent loading a new meme when changing the dark mode status
+- add shared preferences to remember user dark mode status

Android/Android Apps/MemeShareApp/README.md

@@ -9,11 +9,11 @@
         android:label="@string/app_name"
         android:roundIcon="@mipmap/ic_launcher_round"
         android:supportsRtl="true"
-        android:theme="@style/AppTheme">
-        <activity android:name=".MainActivity">
+        android:theme="@style/Theme.MemeApp">
+        <activity
+            android:name=".MainActivity">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
-
                 <category android:name="android.intent.category.LAUNCHER" />
             </intent-filter>
         </activity>

Android/Android Apps/MemeShareApp/app/src/main/AndroidManifest.xml

@@ -1,25 +1,25 @@
 package com.example.memesharejava;
 
-import androidx.annotation.Nullable;
-import androidx.appcompat.app.AppCompatActivity;
-
 import android.content.Intent;
+import android.content.res.Configuration;
 import android.graphics.drawable.Drawable;
 import android.os.Bundle;
-import android.util.Log;
+import android.view.Menu;
+import android.view.MenuInflater;
+import android.view.MenuItem;
 import android.view.View;
 import android.widget.Button;
 import android.widget.ImageView;
 import android.widget.ProgressBar;
-import android.widget.Toast;
+
+import androidx.annotation.Nullable;
+import androidx.appcompat.app.AppCompatActivity;
+import androidx.appcompat.app.AppCompatDelegate;
 
 import com.android.volley.Request;
-import com.android.volley.RequestQueue;
 import com.android.volley.Response;
 import com.android.volley.VolleyError;
 import com.android.volley.toolbox.JsonObjectRequest;
-import com.android.volley.toolbox.StringRequest;
-import com.android.volley.toolbox.Volley;
 import com.bumptech.glide.Glide;
 import com.bumptech.glide.load.DataSource;
 import com.bumptech.glide.load.engine.GlideException;
@@ -29,14 +29,14 @@
 import org.json.JSONException;
 import org.json.JSONObject;
 
-import java.net.URL;
-
 public class MainActivity extends AppCompatActivity {
 
-    ImageView memeImageView;
-    Button shareButton, nextButton;
-    ProgressBar progressBar;
-    String currentImageUrl;
+    private ImageView memeImageView;
+    private Button shareButton, nextButton;
+    private ProgressBar progressBar;
+    private String currentImageUrl;
+
+    private boolean isNightModeEnabled = false;
 
     @Override
     protected void onCreate(Bundle savedInstanceState) {
@@ -46,14 +46,16 @@ protected void onCreate(Bundle savedInstanceState) {
         memeImageView = (ImageView) findViewById(R.id.memeImageView);
         shareButton = (Button) findViewById(R.id.shareButton);
         nextButton = (Button) findViewById(R.id.nextButton);
-        progressBar = (ProgressBar)findViewById(R.id.progressBar);
+        progressBar = (ProgressBar) findViewById(R.id.progressBar);
+
+        checkNightMode();
 
         shareButton.setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View v) {
                 Intent intent = new Intent(Intent.ACTION_SEND);
                 intent.setType("text/plain");
-                intent.putExtra(Intent.EXTRA_TEXT, "Hey, Checkout this cool meme I got from Reddit "+currentImageUrl);
+                intent.putExtra(Intent.EXTRA_TEXT, "Hey, Checkout this cool meme I got from Reddit " + currentImageUrl);
                 startActivity(Intent.createChooser(intent, "Share this meme using..."));
             }
         });
@@ -67,49 +69,84 @@ public void onClick(View v) {
 
         loadMeme();
     }
-        private void loadMeme() {
+
+    private void checkNightMode() {
+        int nightModeFlag = getResources().getConfiguration().uiMode & Configuration.UI_MODE_NIGHT_MASK;
+
+        if (nightModeFlag == Configuration.UI_MODE_NIGHT_YES) {
+            isNightModeEnabled = true;
+        }
+    }
+
+    public boolean onCreateOptionsMenu(Menu menu) {
+        MenuInflater inflater = getMenuInflater();
+        inflater.inflate(R.menu.main_menu, menu);
+        return true;
+    }
+
+    public boolean onOptionsItemSelected(MenuItem item) {
+        if (item.getItemId() == R.id.item_dark_mode) {
+            toggleDarkMode();
+            return true;
+        }
+        return super.onOptionsItemSelected(item);
+    }
+
+    private void toggleDarkMode() {
+        if (isNightModeEnabled) {
+            AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO);
+        } else {
+            AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_YES);
+        }
+
+        getDelegate().applyDayNight();
+        isNightModeEnabled = !isNightModeEnabled;
+    }
+
+    private void loadMeme() {
         progressBar.setVisibility(View.VISIBLE);
         shareButton.setEnabled(false);
         nextButton.setEnabled(false);
-            // Instantiate the RequestQueue.
-            String url ="https://meme-api.herokuapp.com/gimme";
-
-// Request a string response from the provided URL.
-            JsonObjectRequest jsonObjectRequest = new JsonObjectRequest(Request.Method.GET, url, null,
-                    new Response.Listener<JSONObject>() {
-                        @Override
-                        public void onResponse(JSONObject response) {
-                            try {
-                                currentImageUrl = response.getString("url");
-                                Glide.with(getApplicationContext()).load(currentImageUrl).listener(new RequestListener<Drawable>() {
-                                    @Override
-                                    public boolean onLoadFailed(@Nullable GlideException e, Object model, Target<Drawable> target, boolean isFirstResource) {
-                                        progressBar.setVisibility(View.GONE);
-                                        nextButton.setEnabled(true);
-                                        return false;
-                                    }
-
-                                    @Override
-                                    public boolean onResourceReady(Drawable resource, Object model, Target<Drawable> target, DataSource dataSource, boolean isFirstResource) {
-                                        progressBar.setVisibility(View.GONE);
-                                        shareButton.setEnabled(true);
-                                        nextButton.setEnabled(true);
-                                        return false;
-                                    }
-                                }).into(memeImageView);
-                            } catch (JSONException e) {
-                                e.printStackTrace();
-                            }
-                        }
-                    }, new Response.ErrorListener() {
-                @Override
-                public void onErrorResponse(VolleyError error){
 
-                }
-            });
+        // Instantiate the RequestQueue.
+        String url = "https://meme-api.herokuapp.com/gimme";
+
+        // Request a string response from the provided URL.
+        JsonObjectRequest jsonObjectRequest = new JsonObjectRequest(Request.Method.GET, url, null,
+                new Response.Listener<JSONObject>() {
+                    @Override
+                    public void onResponse(JSONObject response) {
+                        try {
+                            currentImageUrl = response.getString("url");
+                            Glide.with(getApplicationContext()).load(currentImageUrl).listener(new RequestListener<Drawable>() {
+                                @Override
+                                public boolean onLoadFailed(@Nullable GlideException e, Object model, Target<Drawable> target, boolean isFirstResource) {
+                                    progressBar.setVisibility(View.GONE);
+                                    nextButton.setEnabled(true);
+                                    return false;
+                                }
+
+                                @Override
+                                public boolean onResourceReady(Drawable resource, Object model, Target<Drawable> target, DataSource dataSource, boolean isFirstResource) {
+                                    progressBar.setVisibility(View.GONE);
+                                    shareButton.setEnabled(true);
+                                    nextButton.setEnabled(true);
+                                    return false;
+                                }
+                            }).into(memeImageView);
+                        } catch (JSONException e) {
+                            e.printStackTrace();
+                        }
+                    }
+                }, new Response.ErrorListener() {
+            @Override
+            public void onErrorResponse(VolleyError error) {
 
-// Add the request to the RequestQueue.
-            MySingleton.getInstance(this).addToRequestQueue(jsonObjectRequest);
-        }
+            }
+        });
 
+        // Add the request to the RequestQueue.
+        MySingleton.getInstance(this).addToRequestQueue(jsonObjectRequest);
     }
+
+}

Android/Android Apps/MemeShareApp/app/src/main/java/com/example/memesharejava/MainActivity.java

@@ -1,27 +1,26 @@
 package com.example.memesharejava;
 
 import android.content.Context;
+
 import com.android.volley.Request;
 import com.android.volley.RequestQueue;
 import com.android.volley.toolbox.Volley;
 
-import static android.icu.lang.UCharacter.GraphemeClusterBreak.T;
-
 public class MySingleton {
     private static MySingleton instance;
     public RequestQueue requestQueue;
-    private static Context ctx;
+    private Context ctx;
 
     private MySingleton(Context context) {
         ctx = context;
         requestQueue = getRequestQueue();
-
     }
 
     public static synchronized MySingleton getInstance(Context context) {
         if (instance == null) {
             instance = new MySingleton(context);
         }
+
         return instance;
     }
 

Android/Android Apps/MemeShareApp/app/src/main/java/com/example/memesharejava/MySingleton.java

@@ -0,0 +1,5 @@
+<vector android:height="24dp" android:tint="#FFFFFF"
+    android:viewportHeight="24" android:viewportWidth="24"
+    android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="@android:color/white" android:pathData="M10,6L8.59,7.41 13.17,12l-4.58,4.59L10,18l6,-6z"/>
+</vector>

Android/Android Apps/MemeShareApp/app/src/main/res/drawable/ic_baseline_navigate_next.xml

@@ -0,0 +1,5 @@
+<vector android:height="24dp" android:tint="#FFFFFF"
+    android:viewportHeight="24" android:viewportWidth="24"
+    android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="@android:color/white" android:pathData="M18,16.08c-0.76,0 -1.44,0.3 -1.96,0.77L8.91,12.7c0.05,-0.23 0.09,-0.46 0.09,-0.7s-0.04,-0.47 -0.09,-0.7l7.05,-4.11c0.54,0.5 1.25,0.81 2.04,0.81 1.66,0 3,-1.34 3,-3s-1.34,-3 -3,-3 -3,1.34 -3,3c0,0.24 0.04,0.47 0.09,0.7L8.04,9.81C7.5,9.31 6.79,9 6,9c-1.66,0 -3,1.34 -3,3s1.34,3 3,3c0.79,0 1.5,-0.31 2.04,-0.81l7.12,4.16c-0.05,0.21 -0.08,0.43 -0.08,0.65 0,1.61 1.31,2.92 2.92,2.92 1.61,0 2.92,-1.31 2.92,-2.92s-1.31,-2.92 -2.92,-2.92z"/>
+</vector>

Android/Android Apps/MemeShareApp/app/src/main/res/drawable/ic_baseline_share.xml

@@ -0,0 +1,5 @@
+<vector android:height="24dp" android:tint="#FFFFFF"
+    android:viewportHeight="24" android:viewportWidth="24"
+    android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
+    <path android:fillColor="@android:color/white" android:pathData="M6.76,4.84l-1.8,-1.79 -1.41,1.41 1.79,1.79 1.42,-1.41zM4,10.5L1,10.5v2h3v-2zM13,0.55h-2L11,3.5h2L13,0.55zM20.45,4.46l-1.41,-1.41 -1.79,1.79 1.41,1.41 1.79,-1.79zM17.24,18.16l1.79,1.8 1.41,-1.41 -1.8,-1.79 -1.4,1.4zM20,10.5v2h3v-2h-3zM12,5.5c-3.31,0 -6,2.69 -6,6s2.69,6 6,6 6,-2.69 6,-6 -2.69,-6 -6,-6zM11,22.45h2L13,19.5h-2v2.95zM3.55,18.54l1.41,1.41 1.79,-1.8 -1.41,-1.41 -1.79,1.8z"/>
+</vector>

Android/Android Apps/MemeShareApp/app/src/main/res/drawable/ic_dark_mode.xml

@@ -10,49 +10,48 @@
         android:id="@+id/memeImageView"
         android:layout_width="0dp"
         android:layout_height="0dp"
+        android:background="@color/colorBackground"
+        android:contentDescription="@string/image_view_meme_content_description"
         app:layout_constraintBottom_toTopOf="@id/shareButton"
         app:layout_constraintLeft_toLeftOf="parent"
         app:layout_constraintRight_toRightOf="parent"
         app:layout_constraintTop_toTopOf="parent"
-        tools:srcCompat="@tools:sample/avatars"
-        android:background="#000000"
-        />
+        tools:srcCompat="@tools:sample/avatars" />
 
     <ProgressBar
         android:id="@+id/progressBar"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
-        app:layout_constraintTop_toTopOf="@id/memeImageView"
         app:layout_constraintBottom_toBottomOf="@id/memeImageView"
         app:layout_constraintLeft_toLeftOf="@id/memeImageView"
         app:layout_constraintRight_toRightOf="@id/memeImageView"
-        />
+        app:layout_constraintTop_toTopOf="@id/memeImageView" />
 
     <Button
         android:id="@+id/shareButton"
+        android:drawableStart="@drawable/ic_baseline_share"
         android:layout_width="0dp"
         android:layout_height="wrap_content"
+        android:background="@color/colorPrimaryDark"
         android:padding="32dp"
         android:text="@string/share"
+        android:textColor="@color/textColorPrimary"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintLeft_toLeftOf="parent"
-        app:layout_constraintRight_toLeftOf="@id/guideline"
-        android:background="@color/colorPrimaryDark"
-        android:textColor="@color/white"
-        />
+        app:layout_constraintRight_toLeftOf="@id/guideline" />
 
     <Button
+        android:drawableEnd="@drawable/ic_baseline_navigate_next"
         android:id="@+id/nextButton"
         android:layout_width="0dp"
         android:layout_height="wrap_content"
+        android:background="@color/colorAccent"
         android:padding="32dp"
         android:text="@string/next"
+        android:textColor="@color/textColorPrimary"
         app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintRight_toRightOf="parent"
         app:layout_constraintLeft_toRightOf="@id/guideline"
-        android:background="@color/nextButtonColor"
-        android:textColor="@color/white"
-        />
+        app:layout_constraintRight_toRightOf="parent" />
 
     <androidx.constraintlayout.widget.Guideline
         android:id="@+id/guideline"

Android/Android Apps/MemeShareApp/app/src/main/res/layout/activity_main.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<menu xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+    <item android:id="@+id/item_dark_mode"
+        app:showAsAction="always"
+        android:icon="@drawable/ic_dark_mode"
+        android:title="@string/dark_mode" />
+</menu>