Add TechStacks theme and polish

Author: mythz

src/AndroidClient/techstacks/src/main/AndroidManifest.xml

@@ -4,7 +4,7 @@
 
     <application
         android:allowBackup="true"
-        android:icon="@mipmap/ic_launcher"
+        android:icon="@mipmap/logo_transparent"
         android:label="@string/app_name"
         android:theme="@style/AppTheme" >
         <activity

src/AndroidClient/techstacks/src/main/java/servicestack/net/techstacks/MainActivity.java

@@ -1,5 +1,7 @@
 package servicestack.net.techstacks;
 
+import android.graphics.Color;
+import android.graphics.drawable.ColorDrawable;
 import android.os.Bundle;
 import android.support.v4.app.Fragment;
 import android.support.v4.app.FragmentManager;
@@ -19,6 +21,7 @@
 import android.widget.ArrayAdapter;
 import android.widget.EditText;
 import android.widget.ListView;
+import android.widget.RelativeLayout;
 import android.widget.Spinner;
 
 import com.android.internal.util.Predicate;
@@ -59,8 +62,12 @@ protected void onCreate(Bundle savedInstanceState) {
         // Set up the action bar.
         final ActionBar actionBar = getSupportActionBar();
         actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
+        actionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_HOME | ActionBar.DISPLAY_SHOW_TITLE);
+        actionBar.setBackgroundDrawable(getResources().getDrawable(R.color.actionbar_background));
+        actionBar.setStackedBackgroundDrawable(getResources().getDrawable(R.color.tab_background));
+        actionBar.setIcon(R.drawable.ic_actionbar);
 
-        // Create the adapter that will return a fragment for each of the three
+            // Create the adapter that will return a fragment for each of the three
         // primary sections of the activity.
         mSectionsPagerAdapter = new SectionsPagerAdapter(getSupportFragmentManager());
 

src/AndroidClient/techstacks/src/main/java/servicestack/net/techstacks/TechStackActivity.java

@@ -109,23 +109,25 @@ private void renderCategories(TechStackDetails result) {
             if (results.size() == 0)
                 continue;
 
-            LinearLayout layoutCategories = new LinearLayout(this);
-            layoutCategories.setOrientation(LinearLayout.HORIZONTAL);
-
             TextView lblCategory = new TextView(this);
             lblCategory.setText(o.getTitle());
             lblCategory.setPadding(0, 20, 0, 0);
             layout.addView(lblCategory,
-                new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT));
+                    new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT));
+
+            LinearLayout layoutCategories = null;
 
             final Activity activity = this;
-            for (final TechnologyInStack x : results){
+            for (int i = 0; i < results.size(); i++) {
+                final TechnologyInStack x = results.get(i);
+
                 final ImageView img = new ImageView(this);
                 img.setMaxHeight(120);
                 img.setAdjustViewBounds(true);
-                img.setPadding(20, 0, 0, 20);
+                img.setPadding(30, 10, 0, 30);
                 img.setOnClickListener(new View.OnClickListener() {
-                    @Override public void onClick(View v) {
+                    @Override
+                    public void onClick(View v) {
                         App.openTechnology(activity, x.getSlug());
                     }
                 });
@@ -135,12 +137,19 @@ public void success(Bitmap response) {
                         img.setImageBitmap(response);
                     }
                 });
+
+                if (i % 3 == 0){
+                    layoutCategories = new LinearLayout(this);
+                    layoutCategories.setOrientation(LinearLayout.HORIZONTAL);
+                    layout.addView(layoutCategories,
+                        new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT));
+                }
+
                 layoutCategories.addView(img,
-                    new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT));
+                        new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT));
             }
 
-            layout.addView(layoutCategories,
-                new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT));
+
         }
     }
 

src/AndroidClient/techstacks/src/main/java/servicestack/net/techstacks/TechnologyActivity.java

@@ -42,6 +42,9 @@ protected void onCreate(Bundle savedInstanceState) {
         ImageView img = (ImageView) findViewById(R.id.imgTechnologyLogo);
         img.setImageBitmap(null);
 
+        ListView list = (ListView) findViewById(R.id.listTechnologyTechStacks);
+        list.setAdapter(null);
+
         TextView txtUrl = (TextView)findViewById(R.id.lblTechnologyVendorUrl);
         final Activity activity = this;
         txtUrl.setOnClickListener(new View.OnClickListener() {

src/AndroidClient/techstacks/src/main/res/drawable-hdpi/ic_actionbar.png

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_focused="false" android:state_selected="false"
+        android:state_pressed="false" android:drawable="@color/tab_background"/>
+    <item android:state_focused="false" android:state_selected="true"
+        android:state_pressed="false" android:drawable="@drawable/tab_bar_background_selected"/>
+    <item android:state_selected="false" android:state_pressed="true"
+        android:drawable="@color/tab_background"/>
+    <item android:state_selected="true" android:state_pressed="true"
+        android:drawable="@color/tab_background"/>
+</selector>