Dawid's Blog

MVVM with Android - this is exciting!

This is one of the best things I've seen on Android in a long time: MVVM architecture. Of course, Android platform doesn't support it, but there is hope! RoboBinding. OK, the spec perhaps isn't the best, but the idea is great! Finally This is how simple it is with Android Studio:

buildscript {
    repositories {
        mavenCentral()
        maven() {
            name 'RoboBinding AspectJPlugin Maven Repository'
            url "https://github.com/RoboBinding/RoboBinding-aspectj-plugin/raw/master/mavenRepo"
            //url "file://D:/git/RoboBinding-aspectj-plugin/mavenRepo"
        }
    }

    dependencies {
        classpath 'com.android.tools.build:gradle:1.+'
        classpath 'com.neenbedankt.gradle.plugins:android-apt:1.+'
        classpath 'org.robobinding:aspectj-plugin:0.8.4'
    }
}

apply plugin: 'com.android.application'
apply plugin: 'com.neenbedankt.android-apt'
apply plugin: 'org.robobinding.android-aspectj'

android {
    compileSdkVersion 21
    buildToolsVersion "21.1.1"

    defaultConfig {
        minSdkVersion 8
        targetSdkVersion 21

        testApplicationId 'org.robobinding.albumsampletest'
        testInstrumentationRunner "android.test.InstrumentationTestRunner"
        testHandleProfiling true
        testFunctionalTest true
    }

    compileOptions {
        sourceCompatibility JavaVersion.VERSION_1_6
        targetCompatibility JavaVersion.VERSION_1_6
    }

    lintOptions {
        disable 'UnusedAttribute', 'ValidFragment', 'GradleDependency', 'OnClick', 'MissingPrefix', 'MenuTitle'
    }

    signingConfigs {
        release {
            storeFile file('robobinding.keystore')
            storePassword '123456'
            keyAlias 'robobinding'
            keyPassword '123456'
        }
    }

    buildTypes {
        release {
            minifyEnabled true
            proguardFiles 'proguard-rules.txt'
            signingConfig signingConfigs.release
        }
    }
}

repositories {
    mavenCentral()
    maven() {
        name 'SonaType snapshot repository'
        url 'https://oss.sonatype.org/content/repositories/snapshots'
        //url "file://D:/git/RoboBinding/framework/mavenRepo"
    }
    /*
   maven() {
        name 'RoboBinding Framework Maven Repository'
        url "file://D:/git/RoboBinding/framework/mavenRepo"
    }
    maven() {
        name 'RoboBinding CodeGen Maven Repository'
        url "file://D:/git/RoboBinding/codegen/mavenRepo"
    }*/
}

ext {
    robobindingVersion = 'latest.integration'
    //robobindingVersion = '0.8.8'
}

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    compile 'com.android.support:appcompat-v7:22.1.1'
    compile ("org.robobinding:robobinding:$robobindingVersion:with-aop-and-dependencies") {
        exclude group: 'com.google.guava', module: 'guava'
    }
    //aspectPath fileTree(dir: 'libs', include: '*.jar')
    aspectPath ("org.robobinding:robobinding:$robobindingVersion:with-aop-and-dependencies") {
        exclude group: 'com.google.guava', module: 'guava'
    }
    apt "org.robobinding:codegen:$robobindingVersion"

    androidTestCompile 'com.jayway.android.robotium:robotium-solo:5.2.1'
}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

buildscript {

repositories {

mavenCentral()

maven() {

name 'RoboBinding AspectJPlugin Maven Repository'

url "https://github.com/RoboBinding/RoboBinding-aspectj-plugin/raw/master/mavenRepo"

//url "file://D:/git/RoboBinding-aspectj-plugin/mavenRepo"

}

dependencies {

classpath 'com.android.tools.build:gradle:1.+'

classpath 'com.neenbedankt.gradle.plugins:android-apt:1.+'

classpath 'org.robobinding:aspectj-plugin:0.8.4'

}

apply plugin: 'com.android.application'

apply plugin: 'com.neenbedankt.android-apt'

apply plugin: 'org.robobinding.android-aspectj'

android {

compileSdkVersion 21

buildToolsVersion "21.1.1"

defaultConfig {

minSdkVersion 8

targetSdkVersion 21

testApplicationId 'org.robobinding.albumsampletest'

testInstrumentationRunner "android.test.InstrumentationTestRunner"

testHandleProfiling true

testFunctionalTest true

}

compileOptions {

sourceCompatibility JavaVersion.VERSION_1_6

targetCompatibility JavaVersion.VERSION_1_6

}

lintOptions {

disable 'UnusedAttribute', 'ValidFragment', 'GradleDependency', 'OnClick', 'MissingPrefix', 'MenuTitle'

}

signingConfigs {

release {

storeFile file('robobinding.keystore')

storePassword '123456'

keyAlias 'robobinding'

keyPassword '123456'

}

buildTypes {

release {

minifyEnabled true

proguardFiles 'proguard-rules.txt'

signingConfig signingConfigs.release

}

repositories {

mavenCentral()

maven() {

name 'SonaType snapshot repository'

url 'https://oss.sonatype.org/content/repositories/snapshots'

//url "file://D:/git/RoboBinding/framework/mavenRepo"

}

/*

maven() {

name 'RoboBinding Framework Maven Repository'

url "file://D:/git/RoboBinding/framework/mavenRepo"

}

maven() {

name 'RoboBinding CodeGen Maven Repository'

url "file://D:/git/RoboBinding/codegen/mavenRepo"

}*/

}

ext {

robobindingVersion = 'latest.integration'

//robobindingVersion = '0.8.8'

}

dependencies {

compile fileTree(dir: 'libs', include: ['*.jar'])

compile 'com.android.support:appcompat-v7:22.1.1'

compile ("org.robobinding:robobinding:$robobindingVersion:with-aop-and-dependencies") {

exclude group: 'com.google.guava', module: 'guava'

}

//aspectPath fileTree(dir: 'libs', include: '*.jar')

aspectPath ("org.robobinding:robobinding:$robobindingVersion:with-aop-and-dependencies") {

exclude group: 'com.google.guava', module: 'guava'

}

apt "org.robobinding:codegen:$robobindingVersion"

androidTestCompile 'com.jayway.android.robotium:robotium-solo:5.2.1'

}

Activity code:

package com.example.associativelearning;

import android.app.Activity;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;

import viewmodels.MainActivityViewModel;
import org.robobinding.binder.Binders;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        MainActivityViewModel presentationModel = new MainActivityViewModel();
        View rootView = Binders.inflateAndBindWithoutPreInitializingViews(this,
                R.layout.activity_main,
                presentationModel);
        setContentView(rootView);
    }

}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

package com.example.associativelearning;

import android.app.Activity;

import android.support.v7.app.ActionBarActivity;

import android.os.Bundle;

import android.view.Menu;

import android.view.MenuItem;

import android.view.View;

import viewmodels.MainActivityViewModel;

import org.robobinding.binder.Binders;

public class MainActivity extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

MainActivityViewModel presentationModel = new MainActivityViewModel();

View rootView = Binders.inflateAndBindWithoutPreInitializingViews(this,

R.layout.activity_main,

presentationModel);

setContentView(rootView);

}

Using ng-class with Select

Today, I wanted to bind value from a select to a span. Depending on the value selected the colour of the label was supposed to be different. Using AngularJS, I introduced ng-class="". It allows you to change classes conditionally. This is an example:

<select ng-model="observation.status">
   <option value="final">Final</option>
   <option value="preliminary">Preliminary</option>
   <option value="registered">Registered</option>
   <option value="amended">Amended</option>
   <option value="cancelled">Cancelled</option>
   <option value="entered in error">Entered in Error</option>
</select>
<div class="col-xs-4">
   <span class="label" ng-class="{
      'label-success': observation.status == 'final',
      'label-warning': observation.status == 'preliminary',
      'label-primary': observation.status == 'registered',
      'label-info': observation.status == 'amended',
      'label-default': observation.status == 'cancelled',
      'label-danger': observation.status == 'entered in error'}" ng-bind="observation.status"></span>
</div>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<option value="final">Final</option>

<option value="preliminary">Preliminary</option>

<option value="registered">Registered</option>

<option value="amended">Amended</option>

<option value="cancelled">Cancelled</option>

<option value="entered in error">Entered in Error</option>

</select>

<span class="label" ng-class="{

'label-success': observation.status == 'final',

'label-warning': observation.status == 'preliminary',

'label-primary': observation.status == 'registered',

'label-info': observation.status == 'amended',

'label-default': observation.status == 'cancelled',

'label-danger': observation.status == 'entered in error'}" ng-bind="observation.status"></span>

</div>

Opening Binary File from the Server using jQuery

Reading binary files in jQuery isn't particulary hard. There are two things really that we have to do. The first one is change the dataType to binary and the second one is setting the processsData to false.

$.ajax({
  url: "/data/some.mp3",
  type: "GET",
  dataType: "binary",
  processData: false,
  success: function(result) {
     //process your data here
  }
});

1

2

3

4

5

6

7

8

9

$.ajax({

url: "/data/some.mp3",

type: "GET",

dataType: "binary",

processData: false,

success: function(result) {

//process your data here

}

});

What's the difference between col-md-x, col-xs-x, col-sm-x, col-lg-x?

Getting your head around the grid structure for Bootstrap can be challenging at times. But not to worry! We shall prevail! The grid in Bootstrap is divided into 12 chunks. In short, I'd like to think about this as a how big the column is depending on the screen size: col-xs-x - phone col-sm-x -

Why SEO Matters?

We are frequently asked why SEO matter and why is it such a big deal. The anwser is simple: no SEO no visitors. I am not kidding now. This is really the hard truth. Over the past 25 years, internet became increadibly big. There are hundreds and hundreds of websites being created every day. How

Publishing WCF Web Service on IIS

Today, I will show you how to to publish WCF Web Service on IIS. I assume your have a working version of your WCF on IIS Express and you want to "publish" it. Step 1 - Install IIS Go to: Control Panel Programs and Features Turn Windows Features On and Off There are 4 things

Defining your actions in XML makes your code that much cleaner

This is a nice hack when developing apps in Android (similar to JavaFX) - define the on click events in XML:

 <Button .... android:onClick="clicked" />

1	<Button .... android:onClick="clicked" />

In the Activity, we can specify the method:

public void clicked(View view) {
/// this will get triggered
}

1

2

3

public void clicked(View view) {

/// this will get triggered

}

This is much cleaner than:

button.setOnClickListener(...);

1	button.setOnClickListener(...);

Logging information in Android Apps

Being a bit of a reliability freak, I really enjoy knowing what's going on in my app. How it moves from one line of code to the next. Verbose The word "verbose" literally means more words than necessary. This mode usually show how the program's flow control.

// Verbose
Log.v(TAG, "About to create a thread");
Thread t = new Thread();
Log.v(TAG, "Created a thread");

1

2

3

4

// Verbose

Log.v(TAG, "About to create a thread");

Thread t = new Thread();

Log.v(TAG, "Created a thread");

Debug Debugging has the next level in

Adding Info Dialog to Android App

This is how simple adding a dialogue is to Android:

    new AlertDialog.Builder(this).setTitle("Title").setMessage("The Message")
            .setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() {
                public void onClick(DialogInterface dialog, int which) {
                }
    }).show();

1

2

3

4

5

new AlertDialog.Builder(this).setTitle("Title").setMessage("The Message")

.setPositiveButton(android.R.string.ok, new DialogInterface.OnClickListener() {

public void onClick(DialogInterface dialog, int which) {

}

}).show();

Image FadeOut Animation

Today, I decided to play around with WPF a little bit. I created a simple App for animating a logo

    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            Storyboard stbFadeOut = (Storyboard)FindResource("FadeOut");
            stbFadeOut.Begin();
        }

        private void Storyboard_Completed(object sender, EventArgs e)
        {
            MessageBox.Show("Complated.");
        }
    }

1

2

3

4

5

6

7

8

9

10

11

12

13

14

public partial class MainWindow : Window

{

public MainWindow()

{

InitializeComponent();

Storyboard stbFadeOut = (Storyboard)FindResource("FadeOut");

stbFadeOut.Begin();

}

private void Storyboard_Completed(object sender, EventArgs e)

{

MessageBox.Show("Complated.");

}

<Window x:Class="TestApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525"
        WindowState="Maximized" WindowStyle="None">
    <Window.Resources>
        <Storyboard x:Key="FadeOut" Name="FadeOutLogoAnimation" Completed="Storyboard_Completed">
            <DoubleAnimation From="1" To="0" Storyboard.TargetName="Logo" Storyboard.TargetProperty="(UIElement.Opacity)" Duration="0:0:5"/>
        </Storyboard>
    </Window.Resources>
    <Grid Name="MainGrid">
        <Image Source="yourlogo.png"  Name="Logo" HorizontalAlignment="Center" Stretch="Uniform" VerticalAlignment="Center">
        </Image>
    </Grid>
</Window>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<Window x:Class="TestApp.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Title="MainWindow" Height="350" Width="525"

WindowState="Maximized" WindowStyle="None">

<Window.Resources>

</Storyboard>

</Window.Resources>

</Image>

</Grid>

</Window>

The Blog

MVVM with Android - this is exciting!

Using ng-class with Select

Opening Binary File from the Server using jQuery

What's the difference between col-md-x, col-xs-x, col-sm-x, col-lg-x?

Why SEO Matters?

Publishing WCF Web Service on IIS

Defining your actions in XML makes your code that much cleaner

Logging information in Android Apps

Adding Info Dialog to Android App

Image FadeOut Animation

Search

Categories