@codebymanan/react-native-photo-editor 0.1.0

package/android/src/main/java/com/photoeditor/editor/ShapeBSFragment.kt

@@ -0,0 +1,112 @@
+package com.photoeditor.editor
+
+import com.photoeditor.R
+
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.RadioGroup
+import android.widget.SeekBar
+import androidx.recyclerview.widget.LinearLayoutManager
+import androidx.recyclerview.widget.RecyclerView
+import com.photoeditor.editor.ColorPickerAdapter.OnColorPickerClickListener
+import com.google.android.material.bottomsheet.BottomSheetDialogFragment
+import ja.burhanrashid52.photoeditor.shape.ShapeType
+import android.widget.RadioButton
+import android.widget.TextView
+
+class ShapeBSFragment : BottomSheetDialogFragment(), SeekBar.OnSeekBarChangeListener {
+    private var mProperties: Properties? = null
+
+    interface Properties {
+        fun onColorChanged(colorCode: Int)
+        fun onOpacityChanged(opacity: Int)
+        fun onShapeSizeChanged(shapeSize: Int)
+        fun onShapePicked(shapeType: ShapeType)
+    }
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        return inflater.inflate(R.layout.pe_fragment_bottom_shapes_dialog, container, false)
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+        val rvColor: RecyclerView = view.findViewById(R.id.shapeColors)
+        val sbOpacity = view.findViewById<SeekBar>(R.id.shapeOpacity)
+        val sbBrushSize = view.findViewById<SeekBar>(R.id.shapeSize)
+        val shapeGroup = view.findViewById<RadioGroup>(R.id.shapeRadioGroup)
+
+        view.findViewById<RadioButton>(R.id.brushRadioButton).setEditorText(R.string.pe_label_brush)
+        view.findViewById<RadioButton>(R.id.lineRadioButton).setEditorText(R.string.pe_label_line)
+        view.findViewById<RadioButton>(R.id.arrowRadioButton).setEditorText(R.string.pe_label_arrow)
+        view.findViewById<RadioButton>(R.id.ovalRadioButton).setEditorText(R.string.pe_label_oval)
+        view.findViewById<RadioButton>(R.id.rectRadioButton).setEditorText(R.string.pe_label_rectangle)
+        view.findViewById<TextView>(R.id.txtShapeSize).setEditorText(R.string.pe_label_brush)
+        view.findViewById<TextView>(R.id.txtOpacity).setEditorText(R.string.pe_label_opacity)
+        view.findViewById<TextView>(R.id.shapeType).setEditorText(R.string.pe_label_shape)
+
+        // shape picker
+        shapeGroup.setOnCheckedChangeListener { _: RadioGroup?, checkedId: Int ->
+            when (checkedId) {
+                R.id.lineRadioButton -> {
+                    mProperties!!.onShapePicked(ShapeType.Line)
+                }
+                R.id.arrowRadioButton -> {
+                    mProperties!!.onShapePicked(ShapeType.Arrow())
+                }
+                R.id.ovalRadioButton -> {
+                    mProperties!!.onShapePicked(ShapeType.Oval)
+                }
+                R.id.rectRadioButton -> {
+                    mProperties!!.onShapePicked(ShapeType.Rectangle)
+                }
+                else -> {
+                    mProperties!!.onShapePicked(ShapeType.Brush)
+                }
+            }
+        }
+        sbOpacity.setOnSeekBarChangeListener(this)
+        sbBrushSize.setOnSeekBarChangeListener(this)
+
+        val activity = requireActivity()
+
+        // TODO(lucianocheng): Move layoutManager to a xml file.
+        val layoutManager = LinearLayoutManager(activity, LinearLayoutManager.HORIZONTAL, false)
+        rvColor.layoutManager = layoutManager
+        rvColor.setHasFixedSize(true)
+        val colorPickerAdapter = ColorPickerAdapter(activity)
+        colorPickerAdapter.setOnColorPickerClickListener(object : OnColorPickerClickListener {
+            override fun onColorPickerClickListener(colorCode: Int) {
+                if (mProperties != null) {
+                    dismiss()
+                    mProperties!!.onColorChanged(colorCode)
+                }
+            }
+        })
+        rvColor.adapter = colorPickerAdapter
+    }
+
+    fun setPropertiesChangeListener(properties: Properties?) {
+        mProperties = properties
+    }
+
+    override fun onProgressChanged(seekBar: SeekBar, i: Int, b: Boolean) {
+        when (seekBar.id) {
+            R.id.shapeOpacity -> if (mProperties != null) {
+                mProperties!!.onOpacityChanged(i)
+            }
+            R.id.shapeSize -> if (mProperties != null) {
+                mProperties!!.onShapeSizeChanged(i)
+            }
+        }
+    }
+
+    override fun onStartTrackingTouch(seekBar: SeekBar) = Unit
+
+    override fun onStopTrackingTouch(seekBar: SeekBar) = Unit
+}

package/android/src/main/java/com/photoeditor/editor/StickerBSFragment.kt

@@ -0,0 +1,130 @@
+package com.photoeditor.editor
+
+import com.photoeditor.R
+
+import android.annotation.SuppressLint
+import android.app.Dialog
+import android.graphics.Bitmap
+import android.graphics.drawable.Drawable
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.ImageView
+import androidx.coordinatorlayout.widget.CoordinatorLayout
+import androidx.recyclerview.widget.GridLayoutManager
+import androidx.recyclerview.widget.RecyclerView
+import com.bumptech.glide.Glide
+import com.bumptech.glide.request.target.CustomTarget
+import com.bumptech.glide.request.transition.Transition
+import com.google.android.material.bottomsheet.BottomSheetBehavior
+import com.google.android.material.bottomsheet.BottomSheetBehavior.BottomSheetCallback
+import com.google.android.material.bottomsheet.BottomSheetDialogFragment
+import android.widget.TextView
+
+class StickerBSFragment : BottomSheetDialogFragment() {
+    private var mStickerListener: StickerListener? = null
+    private var stickerPathList: List<String> = DEFAULT_STICKERS
+
+    fun setStickerListener(stickerListener: StickerListener?) {
+        mStickerListener = stickerListener
+    }
+
+    fun setStickers(stickers: List<String>) {
+        if (stickers.isNotEmpty()) {
+            stickerPathList = stickers
+        }
+    }
+
+    interface StickerListener {
+        fun onStickerClick(bitmap: Bitmap)
+    }
+
+    private val mBottomSheetBehaviorCallback: BottomSheetCallback = object : BottomSheetCallback() {
+        override fun onStateChanged(bottomSheet: View, newState: Int) {
+            if (newState == BottomSheetBehavior.STATE_HIDDEN) {
+                dismiss()
+            }
+        }
+
+        override fun onSlide(bottomSheet: View, slideOffset: Float) {}
+    }
+
+    @SuppressLint("RestrictedApi")
+    override fun setupDialog(dialog: Dialog, style: Int) {
+        super.setupDialog(dialog, style)
+        val contentView = View.inflate(context, R.layout.pe_fragment_bottom_sticker_emoji_dialog, null)
+        dialog.setContentView(contentView)
+        val params = (contentView.parent as View).layoutParams as CoordinatorLayout.LayoutParams
+        val behavior = params.behavior
+        if (behavior != null && behavior is BottomSheetBehavior<*>) {
+            behavior.setBottomSheetCallback(mBottomSheetBehaviorCallback)
+        }
+        (contentView.parent as View).setBackgroundColor(resources.getColor(android.R.color.transparent))
+        val rvEmoji: RecyclerView = contentView.findViewById(R.id.rvEmoji)
+
+        contentView.findViewById<TextView>(R.id.txtClose).setEditorText(R.string.pe_label_close)
+        contentView.findViewById<TextView>(R.id.txtDone).setEditorText(R.string.pe_label_done)
+        val gridLayoutManager = GridLayoutManager(activity, 3)
+        rvEmoji.layoutManager = gridLayoutManager
+        val stickerAdapter = StickerAdapter()
+        rvEmoji.adapter = stickerAdapter
+        rvEmoji.setHasFixedSize(true)
+        rvEmoji.setItemViewCacheSize(stickerPathList.size)
+    }
+
+    inner class StickerAdapter : RecyclerView.Adapter<StickerAdapter.ViewHolder>() {
+        override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
+            val view = LayoutInflater.from(parent.context).inflate(R.layout.pe_row_sticker, parent, false)
+            return ViewHolder(view)
+        }
+
+        override fun onBindViewHolder(holder: ViewHolder, position: Int) {
+            // Load sticker image from remote url
+            Glide.with(requireContext())
+                    .asBitmap()
+                    .load(stickerPathList[position])
+                    .into(holder.imgSticker)
+        }
+
+        override fun getItemCount(): Int {
+            return stickerPathList.size
+        }
+
+        inner class ViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
+            val imgSticker: ImageView = itemView.findViewById(R.id.imgSticker)
+
+            init {
+                itemView.setOnClickListener {
+                    if (mStickerListener != null) {
+                        Glide.with(requireContext())
+                                .asBitmap()
+                                .load(stickerPathList[layoutPosition])
+                                .into(object : CustomTarget<Bitmap?>(256, 256) {
+                                    override fun onResourceReady(resource: Bitmap, transition: Transition<in Bitmap?>?) {
+                                        mStickerListener!!.onStickerClick(resource)
+                                    }
+
+                                    override fun onLoadCleared(placeholder: Drawable?) {}
+                                })
+                    }
+                    dismiss()
+                }
+            }
+        }
+    }
+
+    companion object {
+        // Image Urls from flaticon(https://www.flaticon.com/stickers-pack/food-289)
+        private val DEFAULT_STICKERS = listOf(
+                "https://cdn-icons-png.flaticon.com/256/4392/4392452.png",
+                "https://cdn-icons-png.flaticon.com/256/4392/4392455.png",
+                "https://cdn-icons-png.flaticon.com/256/4392/4392459.png",
+                "https://cdn-icons-png.flaticon.com/256/4392/4392462.png",
+                "https://cdn-icons-png.flaticon.com/256/4392/4392465.png",
+                "https://cdn-icons-png.flaticon.com/256/4392/4392467.png",
+                "https://cdn-icons-png.flaticon.com/256/4392/4392469.png",
+                "https://cdn-icons-png.flaticon.com/256/4392/4392471.png",
+                "https://cdn-icons-png.flaticon.com/256/4392/4392522.png",
+        )
+    }
+}

package/android/src/main/java/com/photoeditor/editor/TextEditorDialogFragment.kt

@@ -0,0 +1,133 @@
+package com.photoeditor.editor
+
+import com.photoeditor.R
+
+import android.content.Context
+import android.graphics.Color
+import android.graphics.drawable.ColorDrawable
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.view.inputmethod.InputMethodManager
+import android.widget.EditText
+import android.widget.TextView
+import androidx.annotation.ColorInt
+import androidx.appcompat.app.AppCompatActivity
+import androidx.core.content.ContextCompat
+import androidx.fragment.app.DialogFragment
+import androidx.recyclerview.widget.LinearLayoutManager
+import androidx.recyclerview.widget.RecyclerView
+import com.photoeditor.editor.ColorPickerAdapter.OnColorPickerClickListener
+
+/**
+ * Created by Burhanuddin Rashid on 1/16/2018.
+ */
+class TextEditorDialogFragment : DialogFragment() {
+
+    private lateinit var mAddTextEditText: EditText
+    private lateinit var mAddTextDoneTextView: TextView
+    private lateinit var mInputMethodManager: InputMethodManager
+    private var mColorCode = 0
+    private var mTextEditorListener: TextEditorListener? = null
+
+    interface TextEditorListener {
+        fun onDone(inputText: String, colorCode: Int)
+    }
+
+    override fun onStart() {
+        super.onStart()
+        val dialog = dialog
+        //Make dialog full screen with transparent background
+        if (dialog != null) {
+            val width = ViewGroup.LayoutParams.MATCH_PARENT
+            val height = ViewGroup.LayoutParams.MATCH_PARENT
+            dialog.window!!.setLayout(width, height)
+            dialog.window!!.setBackgroundDrawable(ColorDrawable(Color.TRANSPARENT))
+        }
+    }
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        return inflater.inflate(R.layout.pe_add_text_dialog, container, false)
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+
+        val activity = requireActivity()
+
+        mAddTextEditText = view.findViewById(R.id.add_text_edit_text)
+        mInputMethodManager =
+            activity.getSystemService(Context.INPUT_METHOD_SERVICE) as InputMethodManager
+        mAddTextDoneTextView = view.findViewById(R.id.add_text_done_tv)
+        mAddTextDoneTextView.setEditorText(R.string.pe_label_done)
+
+        //Setup the color picker for text color
+        val addTextColorPickerRecyclerView: RecyclerView =
+            view.findViewById(R.id.add_text_color_picker_recycler_view)
+        val layoutManager = LinearLayoutManager(activity, LinearLayoutManager.HORIZONTAL, false)
+        addTextColorPickerRecyclerView.layoutManager = layoutManager
+        addTextColorPickerRecyclerView.setHasFixedSize(true)
+        val colorPickerAdapter = ColorPickerAdapter(activity)
+
+        //This listener will change the text color when clicked on any color from picker
+        colorPickerAdapter.setOnColorPickerClickListener(object : OnColorPickerClickListener {
+            override fun onColorPickerClickListener(colorCode: Int) {
+                mColorCode = colorCode
+                mAddTextEditText.setTextColor(colorCode)
+            }
+        })
+
+        addTextColorPickerRecyclerView.adapter = colorPickerAdapter
+
+        val arguments = requireArguments()
+
+        mAddTextEditText.setText(arguments.getString(EXTRA_INPUT_TEXT))
+        mColorCode = arguments.getInt(EXTRA_COLOR_CODE)
+        mAddTextEditText.setTextColor(mColorCode)
+        mInputMethodManager.toggleSoftInput(InputMethodManager.SHOW_FORCED, 0)
+
+        //Make a callback on activity when user is done with text editing
+        mAddTextDoneTextView.setOnClickListener { onClickListenerView ->
+            mInputMethodManager.hideSoftInputFromWindow(onClickListenerView.windowToken, 0)
+            dismiss()
+            val inputText = mAddTextEditText.text.toString()
+            val textEditorListener = mTextEditorListener
+            if (inputText.isNotEmpty() && textEditorListener != null) {
+                textEditorListener.onDone(inputText, mColorCode)
+            }
+        }
+    }
+
+    //Callback to listener if user is done with text editing
+    fun setOnTextEditorListener(textEditorListener: TextEditorListener) {
+        mTextEditorListener = textEditorListener
+    }
+
+    companion object {
+        private val TAG: String = TextEditorDialogFragment::class.java.simpleName
+        const val EXTRA_INPUT_TEXT = "extra_input_text"
+        const val EXTRA_COLOR_CODE = "extra_color_code"
+
+        //Show dialog with provide text and text color
+        //Show dialog with default text input as empty and text color white
+        @JvmOverloads
+        fun show(
+            appCompatActivity: AppCompatActivity,
+            inputText: String = "",
+            @ColorInt colorCode: Int = ContextCompat.getColor(appCompatActivity, R.color.pe_white)
+        ): TextEditorDialogFragment {
+            val args = Bundle()
+            args.putString(EXTRA_INPUT_TEXT, inputText)
+            args.putInt(EXTRA_COLOR_CODE, colorCode)
+            val fragment = TextEditorDialogFragment()
+            fragment.arguments = args
+            fragment.show(appCompatActivity.supportFragmentManager, TAG)
+            return fragment
+        }
+    }
+}

package/android/src/main/java/com/photoeditor/editor/base/BaseActivity.kt

@@ -0,0 +1,67 @@
+package com.photoeditor.editor.base
+
+import android.R
+import android.app.ProgressDialog
+import android.content.pm.PackageManager
+import android.view.View
+import android.view.Window
+import android.view.WindowManager
+import android.widget.Toast
+import androidx.activity.result.contract.ActivityResultContracts
+import androidx.appcompat.app.AppCompatActivity
+import androidx.core.content.ContextCompat
+import com.google.android.material.snackbar.Snackbar
+
+/**
+ * Created by Burhanuddin Rashid on 1/17/2018.
+ */
+open class BaseActivity : AppCompatActivity() {
+    private var mProgressDialog: ProgressDialog? = null
+    private var mPermission: String? = null
+
+    private val permissionLauncher = registerForActivityResult(ActivityResultContracts.RequestPermission()) {
+        isPermissionGranted(it, mPermission)
+    }
+
+    fun requestPermission(permission: String): Boolean {
+        val isGranted = ContextCompat.checkSelfPermission(this, permission) == PackageManager.PERMISSION_GRANTED
+        if (!isGranted) {
+            mPermission = permission
+            permissionLauncher.launch(permission)
+        }
+        return isGranted
+    }
+
+    open fun isPermissionGranted(isGranted: Boolean, permission: String?) {}
+
+    fun makeFullScreen() {
+        requestWindowFeature(Window.FEATURE_NO_TITLE)
+        window.setFlags(
+            WindowManager.LayoutParams.FLAG_FULLSCREEN,
+            WindowManager.LayoutParams.FLAG_FULLSCREEN
+        )
+    }
+
+    protected fun showLoading(message: String) {
+        mProgressDialog = ProgressDialog(this)
+        mProgressDialog?.run {
+            setMessage(message)
+            setProgressStyle(ProgressDialog.STYLE_SPINNER)
+            setCancelable(false)
+            show()
+        }
+    }
+
+    protected fun hideLoading() {
+        mProgressDialog?.dismiss()
+    }
+
+    protected fun showSnackbar(message: String) {
+        val view = findViewById<View>(R.id.content)
+        if (view != null) {
+            Snackbar.make(view, message, Snackbar.LENGTH_SHORT).show()
+        } else {
+            Toast.makeText(this, message, Toast.LENGTH_SHORT).show()
+        }
+    }
+}

package/android/src/main/java/com/photoeditor/editor/base/BaseFragment.kt

@@ -0,0 +1,10 @@
+package com.photoeditor.editor.base
+
+import androidx.fragment.app.Fragment
+
+/**
+ * @author [Burhanuddin Rashid](https://github.com/burhanrashid52)
+ * @version 0.1.2
+ * @since 5/25/2018
+ */
+abstract class BaseFragment(layoutId: Int) : Fragment(layoutId)

package/android/src/main/java/com/photoeditor/editor/filters/FilterListener.kt

@@ -0,0 +1,7 @@
+package com.photoeditor.editor.filters
+
+import ja.burhanrashid52.photoeditor.PhotoFilter
+
+interface FilterListener {
+    fun onFilterSelected(photoFilter: PhotoFilter)
+}

package/android/src/main/java/com/photoeditor/editor/filters/FilterViewAdapter.kt

@@ -0,0 +1,105 @@
+package com.photoeditor.editor.filters
+
+import android.content.Context
+import android.graphics.Bitmap
+import android.graphics.BitmapFactory
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.ImageView
+import android.widget.TextView
+import androidx.annotation.StringRes
+import androidx.recyclerview.widget.RecyclerView
+import com.photoeditor.R
+import ja.burhanrashid52.photoeditor.PhotoFilter
+import java.io.IOException
+import java.util.ArrayList
+import com.photoeditor.editor.setEditorText
+
+/**
+ * @author [Burhanuddin Rashid](https://github.com/burhanrashid52)
+ * @version 0.1.2
+ * @since 5/23/2018
+ */
+class FilterViewAdapter(private val mFilterListener: FilterListener) :
+    RecyclerView.Adapter<FilterViewAdapter.ViewHolder>() {
+    private val mFilterList: MutableList<FilterModel> = ArrayList()
+
+    private class FilterModel(
+        val mAssetPath: String,
+        val mFilter: PhotoFilter,
+        @StringRes val mFilterName: Int
+    )
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
+        val view =
+            LayoutInflater.from(parent.context).inflate(R.layout.pe_row_filter_view, parent, false)
+        return ViewHolder(view)
+    }
+
+    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
+        val filter = mFilterList[position]
+        val fromAsset = getBitmapFromAsset(holder.itemView.context, filter.mAssetPath)
+        holder.mImageFilterView.setImageBitmap(fromAsset)
+        holder.mTxtFilterName.setEditorText(filter.mFilterName)
+    }
+
+    override fun getItemCount(): Int {
+        return mFilterList.size
+    }
+
+    inner class ViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
+        val mImageFilterView: ImageView = itemView.findViewById(R.id.imgFilterView)
+        val mTxtFilterName: TextView = itemView.findViewById(R.id.txtFilterName)
+
+        init {
+            itemView.setOnClickListener{
+                mFilterListener.onFilterSelected(
+                    mFilterList[layoutPosition].mFilter
+                )
+            }
+        }
+    }
+
+    private fun getBitmapFromAsset(context: Context, strName: String): Bitmap? {
+        val assetManager = context.assets
+        return try {
+            val istr = assetManager.open(strName)
+            BitmapFactory.decodeStream(istr)
+        } catch (e: IOException) {
+            e.printStackTrace()
+            null
+        }
+    }
+
+    private fun setupFilters() {
+        mFilterList.add(FilterModel("filters/original.jpg", PhotoFilter.NONE, R.string.pe_filter_none))
+        mFilterList.add(FilterModel("filters/auto_fix.png", PhotoFilter.AUTO_FIX, R.string.pe_filter_auto_fix))
+        mFilterList.add(FilterModel("filters/brightness.png", PhotoFilter.BRIGHTNESS, R.string.pe_filter_brightness))
+        mFilterList.add(FilterModel("filters/contrast.png", PhotoFilter.CONTRAST, R.string.pe_filter_contrast))
+        mFilterList.add(FilterModel("filters/documentary.png", PhotoFilter.DOCUMENTARY, R.string.pe_filter_documentary))
+        mFilterList.add(FilterModel("filters/dual_tone.png", PhotoFilter.DUE_TONE, R.string.pe_filter_duo_tone))
+        mFilterList.add(FilterModel("filters/fill_light.png", PhotoFilter.FILL_LIGHT, R.string.pe_filter_fill_light))
+        mFilterList.add(FilterModel("filters/fish_eye.png", PhotoFilter.FISH_EYE, R.string.pe_filter_fish_eye))
+        mFilterList.add(FilterModel("filters/grain.png", PhotoFilter.GRAIN, R.string.pe_filter_grain))
+        mFilterList.add(FilterModel("filters/gray_scale.png", PhotoFilter.GRAY_SCALE, R.string.pe_filter_gray_scale))
+        mFilterList.add(FilterModel("filters/lomish.png", PhotoFilter.LOMISH, R.string.pe_filter_lomish))
+        mFilterList.add(FilterModel("filters/negative.png", PhotoFilter.NEGATIVE, R.string.pe_filter_negative))
+        mFilterList.add(FilterModel("filters/posterize.png", PhotoFilter.POSTERIZE, R.string.pe_filter_posterize))
+        mFilterList.add(FilterModel("filters/saturate.png", PhotoFilter.SATURATE, R.string.pe_filter_saturate))
+        mFilterList.add(FilterModel("filters/sepia.png", PhotoFilter.SEPIA, R.string.pe_filter_sepia))
+        mFilterList.add(FilterModel("filters/sharpen.png", PhotoFilter.SHARPEN, R.string.pe_filter_sharpen))
+        mFilterList.add(FilterModel("filters/temprature.png", PhotoFilter.TEMPERATURE, R.string.pe_filter_temperature))
+        mFilterList.add(FilterModel("filters/tint.png", PhotoFilter.TINT, R.string.pe_filter_tint))
+        mFilterList.add(FilterModel("filters/vignette.png", PhotoFilter.VIGNETTE, R.string.pe_filter_vignette))
+        mFilterList.add(FilterModel("filters/cross_process.png", PhotoFilter.CROSS_PROCESS, R.string.pe_filter_cross_process))
+        mFilterList.add(FilterModel("filters/b_n_w.png", PhotoFilter.BLACK_WHITE, R.string.pe_filter_black_white))
+        mFilterList.add(FilterModel("filters/flip_horizental.png", PhotoFilter.FLIP_HORIZONTAL, R.string.pe_filter_flip_horizontal))
+        mFilterList.add(FilterModel("filters/flip_vertical.png", PhotoFilter.FLIP_VERTICAL, R.string.pe_filter_flip_vertical))
+        mFilterList.add(FilterModel("filters/rotate.png", PhotoFilter.ROTATE, R.string.pe_filter_rotate))
+    }
+
+    init {
+        setupFilters()
+    }
+}

package/android/src/main/java/com/photoeditor/editor/tools/EditingToolsAdapter.kt

@@ -0,0 +1,70 @@
+package com.photoeditor.editor.tools
+
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import android.widget.ImageView
+import android.widget.TextView
+import androidx.annotation.StringRes
+import androidx.recyclerview.widget.RecyclerView
+import com.photoeditor.R
+import java.util.ArrayList
+import com.photoeditor.editor.setEditorText
+
+/**
+ * @author [Burhanuddin Rashid](https://github.com/burhanrashid52)
+ * @version 0.1.2
+ * @since 5/23/2018
+ */
+class EditingToolsAdapter(private val mOnItemSelected: OnItemSelected) :
+    RecyclerView.Adapter<EditingToolsAdapter.ViewHolder>() {
+    private val mToolList: MutableList<ToolModel> = ArrayList()
+
+    interface OnItemSelected {
+        fun onToolSelected(toolType: ToolType)
+    }
+
+    internal inner class ToolModel(
+        @StringRes val mToolName: Int,
+        val mToolIcon: Int,
+        val mToolType: ToolType
+    )
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
+        val view = LayoutInflater.from(parent.context)
+            .inflate(R.layout.pe_row_editing_tools, parent, false)
+        return ViewHolder(view)
+    }
+
+    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
+        val item = mToolList[position]
+        holder.txtTool.setEditorText(item.mToolName)
+        holder.imgToolIcon.setImageResource(item.mToolIcon)
+    }
+
+    override fun getItemCount(): Int {
+        return mToolList.size
+    }
+
+    inner class ViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
+        val imgToolIcon: ImageView = itemView.findViewById(R.id.imgToolIcon)
+        val txtTool: TextView = itemView.findViewById(R.id.txtTool)
+
+        init {
+            itemView.setOnClickListener { _: View? ->
+                mOnItemSelected.onToolSelected(
+                    mToolList[layoutPosition].mToolType
+                )
+            }
+        }
+    }
+
+    init {
+        mToolList.add(ToolModel(R.string.pe_label_shape, R.drawable.pe_ic_oval, ToolType.SHAPE))
+        mToolList.add(ToolModel(R.string.pe_label_text, R.drawable.pe_ic_text, ToolType.TEXT))
+        mToolList.add(ToolModel(R.string.pe_label_eraser, R.drawable.pe_ic_eraser, ToolType.ERASER))
+        mToolList.add(ToolModel(R.string.pe_label_filter, R.drawable.pe_ic_photo_filter, ToolType.FILTER))
+        mToolList.add(ToolModel(R.string.pe_label_emoji, R.drawable.pe_ic_insert_emoticon, ToolType.EMOJI))
+        mToolList.add(ToolModel(R.string.pe_label_sticker, R.drawable.pe_ic_sticker, ToolType.STICKER))
+    }
+}

package/android/src/main/java/com/photoeditor/editor/tools/ToolType.kt

@@ -0,0 +1,10 @@
+package com.photoeditor.editor.tools
+
+/**
+ * @author [Burhanuddin Rashid](https://github.com/burhanrashid52)
+ * @version 0.1.2
+ * @since 5/23/2018
+ */
+enum class ToolType {
+    SHAPE, TEXT, ERASER, FILTER, EMOJI, STICKER
+}

package/android/src/main/res/drawable/pe_ic_brush.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+        android:width="24dp"
+        android:height="24dp"
+        android:viewportWidth="24.0"
+        android:viewportHeight="24.0">
+    <path
+        android:fillColor="#FFFFFF"
+        android:pathData="M7,14c-1.66,0 -3,1.34 -3,3 0,1.31 -1.16,2 -2,2 0.92,1.22 2.49,2 4,2 2.21,0 4,-1.79 4,-4 0,-1.66 -1.34,-3 -3,-3zM20.71,4.63l-1.34,-1.34c-0.39,-0.39 -1.02,-0.39 -1.41,0L9,12.25 11.75,15l8.96,-8.96c0.39,-0.39 0.39,-1.02 0,-1.41z"/>
+</vector>

package/android/src/main/res/drawable/pe_ic_close.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+        android:width="24dp"
+        android:height="24dp"
+        android:viewportWidth="24.0"
+        android:viewportHeight="24.0">
+    <path
+        android:fillColor="#FFFFFF"
+        android:pathData="M19,6.41L17.59,5 12,10.59 6.41,5 5,6.41 10.59,12 5,17.59 6.41,19 12,13.41 17.59,19 19,17.59 13.41,12z"/>
+</vector>