Merge pull request #62 from manojdcoder/issue-59

Support radio button appearance in Android

Author: EddyVerbruggen

checkbox.android.ts

@@ -9,7 +9,7 @@ import {
   Style,
   booleanConverter
 } from "tns-core-modules/ui/core/view";
-declare const android: any;
+declare const android: any, java: any;
 
 export const checkedProperty = new Property<CheckBox, boolean>({
   name: "checked",
@@ -41,8 +41,14 @@ export const tintColorProperty = new CssProperty<Style, string>({
   }
 });
 
+export const enum BoxType {
+  Circle = 1,
+  Square = 2
+}
+
 export class CheckBox extends View implements CheckBoxInterface {
   private _android: any; /// android.widget.CheckBox
+  private _boxType: number;
   private _checkStyle: string;
   private _checkPadding: string;
   private _checkPaddingLeft: string;
@@ -58,6 +64,14 @@ export class CheckBox extends View implements CheckBoxInterface {
     return this._android;
   }
 
+  set boxType(value: number) {
+    this._boxType = value;
+  }
+
+  get boxType() {
+    return this._boxType;
+  }
+
   get checkStyle() {
     return this._checkStyle;
   }
@@ -115,7 +129,7 @@ export class CheckBox extends View implements CheckBoxInterface {
     return "";
   }
   [textProperty.setNative](value: string) {
-    this.nativeView.setText(value);
+    this.nativeView.setText(java.lang.String.valueOf(value));
   }
 
   get fillColor(): string {
@@ -140,10 +154,11 @@ export class CheckBox extends View implements CheckBoxInterface {
   }
 
   public createNativeView() {
-    this._android = new android.support.v7.widget.AppCompatCheckBox(
-      this._context,
-      null
-    );
+    this._android = new android.support.v7.widget[
+      this.boxType == BoxType.Circle
+        ? "AppCompatRadioButton"
+        : "AppCompatCheckBox"
+    ](this._context, null);
     if (this.checkPaddingLeft) {
       this._android.setPadding(
         parseInt(this.checkPaddingLeft),

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nativescript-checkbox",
-  "version": "2.1.12",
+  "version": "2.1.13",
   "description": "NativeScript plugin for checkbox widget.",
   "main": "checkbox",
   "typings": "index.d.ts",