Add alpha attribute to code span

Author: theck13

aztec/src/main/kotlin/org/wordpress/aztec/AztecText.kt

@@ -131,6 +131,7 @@ class AztecText : EditText, TextWatcher {
         inlineFormatter = InlineFormatter(this,
                 InlineFormatter.CodeStyle(
                         array.getColor(R.styleable.AztecText_codeBackground, 0),
+                        array.getFraction(R.styleable.AztecText_codeBackgroundAlpha, 1, 1, 0f),
                         array.getColor(R.styleable.AztecText_codeColor, 0)),
                 LineBlockFormatter.HeaderStyle(
                         array.getDimensionPixelSize(R.styleable.AztecText_blockVerticalPadding, 0)))

aztec/src/main/kotlin/org/wordpress/aztec/formatting/InlineFormatter.kt

@@ -14,7 +14,7 @@ import java.util.*
 class InlineFormatter(editor: AztecText, val codeStyle: CodeStyle, val headerStyle: LineBlockFormatter.HeaderStyle) : AztecFormatter(editor) {
 
     data class CarryOverSpan(val span: AztecInlineSpan, val start: Int, val end: Int)
-    data class CodeStyle(val codeBackground: Int, val codeColor: Int)
+    data class CodeStyle(val codeBackground: Int, val codeBackgroundAlpha: Float, val codeColor: Int)
 
     val carryOverSpans = ArrayList<CarryOverSpan>()
 

aztec/src/main/kotlin/org/wordpress/aztec/spans/AztecCodeSpan.kt

@@ -17,6 +17,7 @@
 
 package org.wordpress.aztec.spans
 
+import android.graphics.Color
 import android.graphics.Typeface
 import android.os.Parcel
 import android.text.ParcelableSpan
@@ -30,6 +31,7 @@ class AztecCodeSpan : MetricAffectingSpan, ParcelableSpan, AztecContentSpan, Azt
     private val TAG: String = "code"
 
     private var codeBackground: Int = 0
+    private var codeBackgroundAlpha: Float = 0.0f
     private var codeColor: Int = 0
 
     override var attributes: String = ""
@@ -40,11 +42,13 @@ class AztecCodeSpan : MetricAffectingSpan, ParcelableSpan, AztecContentSpan, Azt
 
     constructor(codeStyle: InlineFormatter.CodeStyle, attributes: String = "") : this(attributes) {
         this.codeBackground = codeStyle.codeBackground
+        this.codeBackgroundAlpha = codeStyle.codeBackgroundAlpha
         this.codeColor = codeStyle.codeColor
     }
 
     constructor(src: Parcel) {
         this.codeBackground = src.readInt()
+        this.codeBackgroundAlpha = src.readFloat()
         this.codeColor = src.readInt()
     }
 
@@ -85,8 +89,9 @@ class AztecCodeSpan : MetricAffectingSpan, ParcelableSpan, AztecContentSpan, Azt
     }
 
     private fun configureTextPaint(tp: TextPaint?) {
+        val alpha: Int = (codeBackgroundAlpha * 255).toInt()
         tp?.typeface = Typeface.MONOSPACE
-        tp?.bgColor = codeBackground
+        tp?.bgColor = Color.argb(alpha, Color.red(codeBackground), Color.green(codeBackground), Color.blue(codeBackground))
         tp?.color = codeColor
     }
 }

aztec/src/main/res/values/attrs.xml

@@ -23,9 +23,10 @@
         <attr name="textColor" format="reference|color" />
         <attr name="textColorHint" format="reference|color" />
         <attr name="codeBackground" format="reference|color" />
+        <attr name="codeBackgroundAlpha" format="reference|fraction" />
         <attr name="codeColor" format="reference|color" />
     </declare-styleable>
-    
+
     <declare-styleable name="SourceViewEditText">
         <attr name="codeTextColor" format="reference|color" />
         <attr name="codeBackgroundColor" format="reference|color" />

aztec/src/main/res/values/styles.xml

@@ -39,6 +39,7 @@
         <item name="quoteWidth">@dimen/quote_width</item>
         <item name="blockVerticalPadding">@dimen/block_vertical_padding</item>
         <item name="codeBackground">@color/code_background</item>
+        <item name="codeBackgroundAlpha">75%</item>
         <item name="codeColor">@color/code</item>
         <item name="textColor">@android:color/white</item>
         <item name="textColorHint">@android:color/darker_gray</item>