BearND has uploaded a new change for review.

  https://gerrit.wikimedia.org/r/191194

Change subject: ShareAFact design changes
......................................................................

ShareAFact design changes

- Replace gray CC-BY-SA icon with white one.
- Make sure title, description, and license icons don't overlap.
- Adjust font size, top, and height for title, description, and text snippet.

Change-Id: I8ce1b3faed1e47459068d73183ea4028370baacd
---
D wikipedia/res/drawable/cc_by_sa_gray.png
A wikipedia/res/drawable/cc_by_sa_white.png
M wikipedia/src/main/java/org/wikipedia/page/snippet/SnippetImage.java
3 files changed, 20 insertions(+), 15 deletions(-)


  git pull ssh://gerrit.wikimedia.org:29418/apps/android/wikipedia 
refs/changes/94/191194/1

diff --git a/wikipedia/res/drawable/cc_by_sa_gray.png 
b/wikipedia/res/drawable/cc_by_sa_gray.png
deleted file mode 100644
index c639da2..0000000
--- a/wikipedia/res/drawable/cc_by_sa_gray.png
+++ /dev/null
Binary files differ
diff --git a/wikipedia/res/drawable/cc_by_sa_white.png 
b/wikipedia/res/drawable/cc_by_sa_white.png
new file mode 100644
index 0000000..d149680
--- /dev/null
+++ b/wikipedia/res/drawable/cc_by_sa_white.png
Binary files differ
diff --git 
a/wikipedia/src/main/java/org/wikipedia/page/snippet/SnippetImage.java 
b/wikipedia/src/main/java/org/wikipedia/page/snippet/SnippetImage.java
index 94940a8..38b3ff2 100644
--- a/wikipedia/src/main/java/org/wikipedia/page/snippet/SnippetImage.java
+++ b/wikipedia/src/main/java/org/wikipedia/page/snippet/SnippetImage.java
@@ -60,11 +60,11 @@
         Layout textLayout = drawTextSnippet(canvas, textSnippet);
         isArticleRTL = textLayout.getParagraphDirection(0) == 
Layout.DIR_RIGHT_TO_LEFT;
 
-        drawLicenseIcons(canvas, context);
+        int top = drawLicenseIcons(canvas, context);
         if (!TextUtils.isEmpty(description)) {
-            drawDescription(canvas, description);
+            top = drawDescription(canvas, description, top);
         }
-        drawTitle(canvas, title);
+        drawTitle(canvas, title, top);
 
         drawWordmark(canvas, context);
 
@@ -86,7 +86,7 @@
     }
 
     private Layout drawTextSnippet(Canvas canvas, CharSequence textSnippet) {
-        final int top = 10;
+        final int top = 5;
         final int maxHeight = 200;
         final int maxLines = 5;
         final float maxFontSize = 96.0f;
@@ -111,9 +111,9 @@
         return textLayout;
     }
 
-    private void drawDescription(Canvas canvas, String description) {
-        final int descriptionY = 287;
-        final int maxHeight = 24;
+    private int drawDescription(Canvas canvas, String description, int top) {
+        final int marginBottom = 5;
+        final int maxHeight = 23;
         final int maxLines = 2;
         final float maxFontSize = 15.0f;
         final float minFontSize = 10.0f;
@@ -133,18 +133,20 @@
             left = WIDTH - HORIZONTAL_PADDING - textLayout.getWidth();
         }
 
+        top = top - marginBottom - textLayout.getHeight();
         canvas.save();
-        canvas.translate(left, descriptionY);
+        canvas.translate(left, top);
         textLayout.draw(canvas);
         canvas.restore();
+
+        return top;
     }
 
-    private void drawTitle(Canvas canvas, String title) {
-        final int top = 242;
-        final int height = 44;
+    private void drawTitle(Canvas canvas, String title, int top) {
+        final int marginBottom = 1;
+        final int maxHeight = 70;
         final int maxLines = 2;
         final float maxFontSize = 30.0f;
-        final float minFontSize = 19.0f;
         final float spacingMultiplier = 0.7f;
 
         TextPaint textPaint = new TextPaint();
@@ -157,19 +159,20 @@
 
         StaticLayout textLayout = optimizeTextSize(
                 new TextLayoutParams(title, textPaint, DESCRIPTION_WIDTH, 
spacingMultiplier),
-                height, maxLines, maxFontSize, minFontSize);
+                maxHeight, maxLines, maxFontSize, maxFontSize);
         int left = HORIZONTAL_PADDING;
         if (isArticleRTL) {
             left = WIDTH - HORIZONTAL_PADDING - textLayout.getWidth();
         }
 
+        top = top - marginBottom - textLayout.getHeight();
         canvas.save();
         canvas.translate(left, top);
         textLayout.draw(canvas);
         canvas.restore();
     }
 
-    private void drawLicenseIcons(Canvas canvas, Context context) {
+    private int drawLicenseIcons(Canvas canvas, Context context) {
         final int iconsWidth = 52;
         final int iconsHeight = 16;
         final int top = 319;
@@ -182,9 +185,11 @@
             left = right - iconsWidth;
         }
 
-        Drawable d = 
context.getResources().getDrawable(R.drawable.cc_by_sa_gray);
+        Drawable d = 
context.getResources().getDrawable(R.drawable.cc_by_sa_white);
         d.setBounds(left, top, right, bottom);
         d.draw(canvas);
+
+        return top;
     }
 
     private void drawWordmark(Canvas canvas, Context context) {

-- 
To view, visit https://gerrit.wikimedia.org/r/191194
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings

Gerrit-MessageType: newchange
Gerrit-Change-Id: I8ce1b3faed1e47459068d73183ea4028370baacd
Gerrit-PatchSet: 1
Gerrit-Project: apps/android/wikipedia
Gerrit-Branch: master
Gerrit-Owner: BearND <[email protected]>

_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits

Reply via email to