SimpleAdapter in Android

Posted on by

ListView without ImageView

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text=""
        android:id="@+id/title" />
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text=""
        android:id="@+id/artist" />
</LinearLayout>

ArrayList<HashMap<String, String>> data = new ArrayList<HashMap<String, String>>();
HashMap<String, String> map = new HashMap<String, String>();
map.put("title", "Poker Face");
map.put("artist", "Lady Gaga");
data.add(map);
map = new HashMap<String, String>();
map.put("title", "Yeah!");
map.put("artist", "Usher");
data.add(map);

SimpleAdapter simpleAdapter = new SimpleAdapter(
        this,
        data,
        R.layout.listview_without_images_view,
        new String[]{ "title", "artist" },
        new int[]{ R.id.title, R.id.artist });
ListView noImages = (ListView)findViewById(R.id.listViewNoImages);
noImages.setAdapter(simpleAdapter);

ListView with ImageView

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text=""
        android:id="@+id/title" />
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text=""
        android:id="@+id/artist" />

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/imageView" />

</LinearLayout>

ArrayList<HashMap<String, String>> data = new ArrayList<HashMap<String, String>>();
HashMap<String, String> map = new HashMap<String, String>();
map.put("title", "Poker Face");
map.put("artist", "Lady Gaga");
map.put("pic", ((Integer)R.drawable.pic).toString());
data.add(map);
map = new HashMap<String, String>();
map.put("title", "Yeah!");
map.put("artist", "Usher");
map.put("pic", ((Integer)R.drawable.pic2).toString());
data.add(map);

SimpleAdapter simpleAdapter = new SimpleAdapter(
        this,
        data,
        R.layout.listview_with_images_view,
        new String[]{ "title", "artist", "pic" },
        new int[]{ R.id.title, R.id.artist, R.id.imageView });
simpleAdapter.setViewBinder(new SimpleAdapter.ViewBinder(){

    @Override
    public boolean setViewValue(View view, Object o, String s) {
        if(view.getClass() == ImageView.class) {
            ImageView image = (ImageView)view;
            image.setImageResource(Integer.parseInt(s));
            return true;
        }
        return false;
    }
});
ListView withImages = (ListView)findViewById(R.id.listViewImages);
withImages.setAdapter(simpleAdapter);

Full code
https://github.com/randcode-generator/SimpleAdapterExample

Simple BackboneJS code (Part 6)

Posted on by

Use MarionetteJS to simplify solution

<html>

<head>
<style>
table {
  border: 1px solid black;
  border-collapse: collapse;
}
table td {
  width: 60px;
  border: 1px solid black;
}
table tr {
  border: 1px solid black;
}
</style>
</head>

<body>
  <script id="table-row-template" type="text/template">
    <td>
      <div>
        <%= name %><br>
        <%= price %>
      </div>
    </td>
  </script>
  </script>
  <div id="tableid">
  </div>
  <br>
  <p>Total: <span id="totalPrice"></span></p>
  <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
  <script src="http://jashkenas.github.io/underscore/underscore-min.js"></script>
  <script src="http://jashkenas.github.io/backbone/backbone-min.js"></script>
  <script src="http://marionettejs.com/downloads/backbone.marionette.min.js"></script>
  <script>
  $(function() {
    var storeItemModel = Backbone.Model.extend({
      default: {
        name: "default",
        price: 0.0,
        isSelected: false
      }
    });

    var storeItemView = Backbone.Marionette.ItemView.extend({
      tagName: 'tr',
      modelEvents: {
        'change': 'modelChanged'
      },
      template: "#table-row-template",
      events: {
        'mouseenter': 'mouseEntered',
        'mouseleave': 'mouseleft',
        'click': 'clicked'
      },
      ui: {
        div: "div"
      },
      onRender: function(){
        if(this.model.get("isSelected") == true) {
          this.ui.div.css("background-color", "33CC99");
        }
      },
      modelChanged: function() {
        this.render();
        this.trigger('calculateTotalPrice');
      },
      mouseEntered: function() {
        if(this.model.get("isSelected") == false)
          this.ui.div.css("background-color", "ACC4E6");
      },
      mouseleft: function() {
        if(this.model.get("isSelected") == false)
          this.ui.div.css("background-color", "white");
      },
      clicked: function(e) {
        //prevent the default click behavior
        e.preventDefault();
        var isSelected = this.model.get("isSelected");
        isSelected = this.model.get("isSelected") === false ? true : false;
        this.model.set("isSelected", isSelected);
      }
    });

    var storeItemCollection = Backbone.Collection.extend({
      model: storeItemModel
    });

    var listOfStoreItems = new storeItemCollection([
      new storeItemModel({
        name: "towels",
        price: 10.99,
        isSelected: false
      }),
      new storeItemModel({
        name: "toys",
        price: 7.99,
        isSelected: false
      })
      ]);

      var AppView = Marionette.CollectionView.extend({
        initialize: function () {
          this.updatePrice();
        },
        tagName:'table',
        childView: storeItemView,
        onRender: function(){
          $("#tableid").append(this.el);
        },
        modelEvents: {
          'change': 'updatePrice'
        },
        updatePrice: function () {
          var totalPrice = this.model.get("totalPrice");
          $("#totalPrice").html(totalPrice);
        },
        childEvents: {
          calculateTotalPrice: function() {
            var totalPrice = 0;
            listOfStoreItems.each(function(model){
              var isSelected = model.get("isSelected");
              if(isSelected === true)
                totalPrice += model.get("price");
              }, this);
              this.model.set("totalPrice", totalPrice);
          }
        }
      });

      var AppModel = Backbone.Model.extend({
        default: {
          totalPrice: 0
        }
      });
      var App = new AppView({
        collection: listOfStoreItems,
        model: new AppModel({totalPrice: 0})
      });

      App.render();
    });
  </script>
</body>

</html>

https://github.com/randcode-generator/SimpleBackboneJSApp/blob/b7013aadbb96e9cb4035b712d5b4e427ed452167/BackboneJSApp.html

Simple BackboneJS code (Part 5)

Posted on by

Uses templates

<html>

<head>
<style>
table {
  border: 1px solid black;
  border-collapse: collapse;
}
table td {
  width: 60px;
  border: 1px solid black;
}
table tr {
  border: 1px solid black;
}
</style>
</head>

<body>
  <script id="table-row-template" type="text/template">
    <td>
      <div>
        <%= name %><br>
        <%= price %>
      </div>
    </td>
  </script>
  </script>
  <table id="table">
  </table>
  <br>
  <p>Total: <span id="totalPrice"></span></p>
  <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
  <script src="http://jashkenas.github.io/underscore/underscore-min.js"></script>
  <script src="http://jashkenas.github.io/backbone/backbone-min.js"></script>
  <script>
  $(function() {
    var storeItemModel = Backbone.Model.extend({
      default: {
        name: "default",
        price: 0.0,
        isSelected: false
      }
    });

    var storeItemView = Backbone.View.extend({
      tagName: 'tr',
      initialize: function() {
        this.listenTo(this.model, 'change', this.render);
      },
      events: {
        'mouseenter': 'mouseEntered',
        'mouseleave': 'mouseleft',
        'click': 'clicked'
      },
      render: function() {
        //Remember, the <tr> is already included
        //because we specified 'tr' in tagName
        var data = {name: this.model.get('name'), price: this.model.get('price')};
        var template = _.template($("#table-row-template").html());
        var html = template(data);
        this.$el.html(html);

        if(this.model.get("isSelected") == true) {
          this.$el.find("div").css("background-color", "33CC99");
        }

        return this;
      },
      mouseEntered: function() {
        if(this.model.get("isSelected") == false)
          this.$el.find("div").css("background-color", "ACC4E6");
      },
      mouseleft: function() {
        if(this.model.get("isSelected") == false)
          this.$el.find("div").css("background-color", "white");
      },
      clicked: function(e) {
        //prevent the default click behavior
        e.preventDefault();
        var isSelected = this.model.get("isSelected");
        isSelected = this.model.get("isSelected") === false ? true : false;
        this.model.set("isSelected", isSelected);
      }
    });

    var storeItemCollection = Backbone.Collection.extend({
      model: storeItemModel
    });

    var listOfStoreItems = new storeItemCollection([
      new storeItemModel({
        name: "towels",
        price: 10.99,
        isSelected: false
      }),
      new storeItemModel({
        name: "toys",
        price: 7.99,
        isSelected: false
      })
      ]);

      var AppModel = Backbone.Model.extend({
        default:{
          total:0
        }
      });

      var App = Backbone.View.extend({
        render: function() {
          var table = $("#table");
          listOfStoreItems.each(function(model) {
            var view = new storeItemView({
              model: model
            });
            table.append(view.render().el);
            this.listenTo(model, 'change', this.calculatePrice);
          }, this);
        },
        calculatePrice: function() {
          var totalPrice = 0;
          listOfStoreItems.each(function(model){
            var isSelected = model.get("isSelected");
            if(isSelected === true)
              totalPrice += model.get("price");
            }, this);
            this.model.set("total", totalPrice);
            $("#totalPrice").html(this.model.get("total"));
          }
      });

      new App({model: new AppModel({total: 0})}).render();
    });
  </script>
</body>

</html>

https://github.com/randcode-generator/SimpleBackboneJSApp/blob/93d7540494f2804a104991a4c418625d5dda8549/BackboneJSApp.html

Simple BackboneJS code (Part 4)

Posted on by

Calculate the total price when item is clicked

<html>

<head>
<style>
table {
  border: 1px solid black;
  border-collapse: collapse;
}
table td {
  width: 60px;
  border: 1px solid black;
}
table tr {
  border: 1px solid black;
}
</style>
</head>

<body>
  <table id="table">
  </table>
  <br>
  <p>Total: <span id="totalPrice"></span></p>
  <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
  <script src="http://jashkenas.github.io/underscore/underscore-min.js"></script>
  <script src="http://jashkenas.github.io/backbone/backbone-min.js"></script>
  <script>
  $(function() {
    var storeItemModel = Backbone.Model.extend({
      default: {
        name: "default",
        price: 0.0,
        isSelected: false
      }
    });

    var storeItemView = Backbone.View.extend({
      tagName: 'tr',
      initialize: function() {
        this.listenTo(this.model, 'change', this.render);
      },
      events: {
        'mouseenter': 'mouseEntered',
        'mouseleave': 'mouseleft',
        'click': 'clicked'
      },
      render: function() {
        //Remember, the <tr> is already included
        //because we specified 'tr' in tagName
        this.$el.html("<td><div>" +
        this.model.get('name') + "<br>" +
        this.model.get('price') +
        "</div></td>");

        if(this.model.get("isSelected") == true) {
          this.$el.find("div").css("background-color", "33CC99");
        }

        return this;
      },
      mouseEntered: function() {
        if(this.model.get("isSelected") == false)
          this.$el.find("div").css("background-color", "ACC4E6");
      },
      mouseleft: function() {
        if(this.model.get("isSelected") == false)
          this.$el.find("div").css("background-color", "white");
      },
      clicked: function(e) {
        //prevent the default click behavior
        e.preventDefault();
        var isSelected = this.model.get("isSelected");
        isSelected = this.model.get("isSelected") === false ? true : false;
        this.model.set("isSelected", isSelected);
      }
    });

    var storeItemCollection = Backbone.Collection.extend({
      model: storeItemModel
    });

    var listOfStoreItems = new storeItemCollection([
      new storeItemModel({
        name: "towels",
        price: 10.99,
        isSelected: false
      }),
      new storeItemModel({
        name: "toys",
        price: 7.99,
        isSelected: false
      })
      ]);

      var AppModel = Backbone.Model.extend({
        default:{
          total:0
        }
      });

      var App = Backbone.View.extend({
        render: function() {
          var table = $("#table");
          listOfStoreItems.each(function(model) {
            var view = new storeItemView({
              model: model
            });
            table.append(view.render().el);
            this.listenTo(model, 'change', this.calculatePrice);
          }, this);
        },
        calculatePrice: function() {
          var totalPrice = 0;
          listOfStoreItems.each(function(model){
            var isSelected = model.get("isSelected");
            if(isSelected === true)
              totalPrice += model.get("price");
            }, this);
            this.model.set("total", totalPrice);
            $("#totalPrice").html(this.model.get("total"));
          }
      });

      new App({model: new AppModel({total: 0})}).render();
    });
  </script>
</body>

</html>

https://github.com/randcode-generator/SimpleBackboneJSApp/blob/9b487e583cd180dde3a02e77fd962b7977835934/BackboneJSApp.html

Simple BackboneJS code (Part 3)

Posted on by

Added click event and saves the state

<html>

<head>
<style>
table {
  border: 1px solid black;
  border-collapse: collapse;
}
table td {
  width: 60px;
  border: 1px solid black;
}
table tr {
  border: 1px solid black;
}
</style>
</head>

<body>
  <table id="table">
  </table>
  <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
  <script src="http://jashkenas.github.io/underscore/underscore-min.js"></script>
  <script src="http://jashkenas.github.io/backbone/backbone-min.js"></script>
  <script>
  $(function() {
    var storeItemModel = Backbone.Model.extend({
      default: {
        name: "default",
        price: 0.0,
        isSelected: false
      }
    });

    var storeItemView = Backbone.View.extend({
      tagName: 'tr',
      initialize: function() {
        this.listenTo(this.model, 'change', this.render);
      },
      events: {
        'mouseenter': 'mouseEntered',
        'mouseleave': 'mouseleft',
        'click': 'clicked'
      },
      render: function() {
        //Remember, the <tr> is already included
        //because we specified 'tr' in tagName
        this.$el.html("<td><div>" +
        this.model.get('name') + "<br>" +
        this.model.get('price') +
        "</div></td>");

        if(this.model.get("isSelected") == true) {
          this.$el.find("div").css("background-color", "33CC99");
        }

        return this;
      },
      mouseEntered: function() {
        if(this.model.get("isSelected") == false)
          this.$el.find("div").css("background-color", "ACC4E6");
      },
      mouseleft: function() {
        if(this.model.get("isSelected") == false)
          this.$el.find("div").css("background-color", "white");
      },
      clicked: function(e) {
        //prevent the default click behavior
        e.preventDefault();
        var isSelected = this.model.get("isSelected");
        isSelected = this.model.get("isSelected") === false ? true : false;
        this.model.set("isSelected", isSelected);
      }
    });

    var storeItemCollection = Backbone.Collection.extend({
      model: storeItemModel
    });

    var listOfStoreItems = new storeItemCollection([
      new storeItemModel({
        name: "towels",
        price: 10.99,
        isSelected: false
      }),
      new storeItemModel({
        name: "toys",
        price: 7.99,
        isSelected: false
      })
      ]);

      var App = Backbone.View.extend({
        initialize: function() {
          var table = $("#table");
          listOfStoreItems.each(function(model) {
            var view = new storeItemView({
              model: model
            });
            table.append(view.render().el);
          }, this);
        }
      });

      new App();
    });
  </script>
</body>

</html>

https://github.com/randcode-generator/SimpleBackboneJSApp/blob/c688398d5edb6a069beed980c638a4388be6573c/BackboneJSApp.html

Simple BackboneJS code (Part 2)

Posted on by

Added mouse entered and leave to the view

<html>
<head>
  <style>
    table {
      border: 1px solid black;
    }
    table td {
      width: 60px;
      border: 1px solid black;
    }
    table tr {
      border: 1px solid black;
    }
  </style>
</head>

<body>
  <table id="table">
  </table>
  <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
  <script src="http://jashkenas.github.io/underscore/underscore-min.js"></script>
  <script src="http://jashkenas.github.io/backbone/backbone-min.js"></script>
  <script>
    $(function() {
      var storeItemModel = Backbone.Model.extend({
        default: {
          name: "default",
          price: 0.0
        }
      });

      var storeItemView = Backbone.View.extend({
        tagName: 'tr',
        events: {
          'mouseenter': 'mouseEntered',
          'mouseleave': 'mouseleft'
        },
        render: function() {
          //Remember, the <tr> is already included
          //because we specified 'tr' in tagName
          this.$el.html("<td><div>" +
            this.model.get('name') +
            "</div></td>");

          return this;
        },
        mouseEntered: function() {
          this.$el.find("div").css("background-color", "ACC4E6");
        },
        mouseleft: function() {
          this.$el.find("div").css("background-color", "white");
        }
      });

      var storeItemCollection = Backbone.Collection.extend({
        model: storeItemModel
      });

      var listOfStoreItems = new storeItemCollection([
        new storeItemModel({
          name: "towels",
          price: 10.99
        }),
        new storeItemModel({
          name: "toys",
          price: 7.99
        })
      ]);

      var App = Backbone.View.extend({
        initialize: function() {
          var table = $("#table");
          listOfStoreItems.each(function(model) {
            var view = new storeItemView({
              model: model
            });
            table.append(view.render().el);
          }, this);
        }
      });

      new App();
    });
  </script>
</body>

</html>

https://github.com/randcode-generator/SimpleBackboneJSApp/blob/f8fec2239f1dc829ee7a260a264199a263223d07/BackboneJSApp.html

Simple BackboneJS code (Part 1)

Posted on by

Simple BackboneJS code that adds two items to a table

<html>

<head>
   <style>
      table {
         border: 1px solid black;
      }
      table td {
         width: 60px;
         border: 1px solid black;
      }
      table tr {
         border: 1px solid black;
      }
   </style>
</head>

<body>
   <table id="table">
   </table>
   <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
   <script src="http://jashkenas.github.io/underscore/underscore-min.js"></script>
   <script src="http://jashkenas.github.io/backbone/backbone-min.js"></script>
   <script>
      $(function() {
         var storeItemModel = Backbone.Model.extend({
            default: {
               name: "default",
               price: 0.0
            }
         });

         var storeItemView = Backbone.View.extend({
            render: function() {
               return "<tr><td>" +
                  this.model.get('name') +
                  "</td></tr>";
            }
         });

         var storeItemCollection = Backbone.Collection.extend({
            model: storeItemModel
         });

         var listOfStoreItems = new storeItemCollection([
            new storeItemModel({
               name: "towels",
               price: 10.99
            }),
            new storeItemModel({
               name: "toys",
               price: 7.99
            })
         ]);

         var App = Backbone.View.extend({
            initialize: function() {
               var table = $("#table");
               listOfStoreItems.each(function(model) {
                  var view = new storeItemView({
                     model: model
                  });
                  table.append(view.render());
               }, this);
            }
         });

         new App();
      });
   </script>
</body>
</html>

Using pipes in F#

Posted on by

|> is the pipe operator

let convertInchesToMeters x =
    0.0254 * x

let convertMetersToMilliMeters x =
    x * 1000.0

let convertMetersToCentiMeters x =
    x * 100.0

let millimeters = 130.0 |> convertInchesToMeters |> convertMetersToMilliMeters
let centimeters = 130.0 |> convertInchesToMeters |> convertMetersToCentiMeters

printfn "%f" millimeters
printfn "%f" centimeters
Posted in F#

Classes, conditionals, and pattern matching in F#

Posted on by

shiftPoint using conditions

open System

type Direction =
    | up = 0
    | down = 1
    | left = 2
    | right = 3

type Point(x:int, y:int) = class
    let mutable _x = 0
    let mutable _y = 0

    do
        _x <- x
        _y <- y

    member x.X with get() = _x and set(value) = _x <- value
    member x.Y with get() = _y and set(value) = _y <- value
    override x.ToString() = sprintf "%i, %i" _x _y
end

let shiftPoint (point:Point) (direction:Direction) (unitsBy:int) =
    if direction = Direction.up then
        point.Y <- point.Y + unitsBy
    elif direction = Direction.down then
        point.Y <- point.Y - unitsBy
    elif direction = Direction.left then
        point.X <- point.X - unitsBy
    elif direction = Direction.right then
        point.X <- point.X + unitsBy

let p1 = new Point(1, 1)

shiftPoint p1 Direction.up 9
shiftPoint p1 Direction.down 9
shiftPoint p1 Direction.left 9
shiftPoint p1 Direction.right 9

Console.Write(p1)

shiftPoint using pattern matching

open System

type Direction =
    | up = 0
    | down = 1
    | left = 2
    | right = 3

type Point(x:int, y:int) = class
    let mutable _x = 0
    let mutable _y = 0

    do
        _x <- x
        _y <- y

    member x.X with get() = _x and set(value) = _x <- value
    member x.Y with get() = _y and set(value) = _y <- value
    override x.ToString() = sprintf "%i, %i" _x _y
end

let shiftPoint (point:Point) (direction:Direction) (unitsBy:int) =
    match direction with
    | Direction.up ->
        point.Y <- point.Y + unitsBy
    | Direction.down ->
        point.Y <- point.Y - unitsBy
    | Direction.left ->
        point.X <- point.X - unitsBy
    | Direction.right ->
        point.X <- point.X + unitsBy
    | _ -> ()

let p1 = new Point(1, 1)

shiftPoint p1 Direction.up 9
shiftPoint p1 Direction.down 9
shiftPoint p1 Direction.left 9
shiftPoint p1 Direction.right 9

Console.Write(p1)
Posted in F#

Array and mapping in F#

Posted on by 
let files = ["question1.doc"; "question2.doc"; "question3.doc"; "question4.doc"]

let filenameWithoutExtension (x:string) =
    let index = x.IndexOf "."
    if(index = -1) then raise (System.Exception("Extension not found"))
    else x.Substring (0, x.IndexOf ".")

let getListOfFilesWithoutExtension listFiles =
    Seq.map(fun x -> filenameWithoutExtension x) listFiles

let listOfFilesWithoutExtension = getListOfFilesWithoutExtension (files :> seq<string>)

for file in listOfFilesWithoutExtension do
    printfn "%s" file
Posted in F#