Add placeholder-color style property.

tns-core-modules/ui/styling/style.d.ts

@@ -41,6 +41,7 @@ declare module "ui/styling/style" {
         public scaleX: number;
         public scaleY: number;
         public color: Color;
+        public placeholderColor: Color;
         public backgroundColor: Color;
         public backgroundImage: string;
         public backpublic: string;
@@ -104,6 +105,7 @@ declare module "ui/styling/style" {
     export var scaleXProperty: styleProperty.Property;
     export var scaleYProperty: styleProperty.Property;
     export var colorProperty: styleProperty.Property;
+    export var placeholderColorProperty: styleProperty.Property;
     export var backgroundImageProperty: styleProperty.Property;
     export var backgroundColorProperty: styleProperty.Property;
     export var backgroundRepeatProperty: styleProperty.Property;

tns-core-modules/ui/styling/style.ts

@@ -583,6 +583,13 @@ export class Style extends DependencyObservable implements styling.Style {
         this._setValue(colorProperty, value);
     }
 
+    get placeholderColor(): Color {
+        return this._getValue(placeholderColorProperty);
+    }
+    set placeholderColor(value: Color) {
+        this._setValue(placeholderColorProperty, value);
+    }
+
     get backgroundColor(): Color {
         return this._getValue(backgroundColorProperty);
     }
@@ -1054,6 +1061,10 @@ export var colorProperty = new styleProperty.Property("color", "color",
     new PropertyMetadata(undefined, PropertyMetadataSettings.Inheritable, undefined, Color.isValid, Color.equals),
     converters.colorConverter);
 
+export var placeholderColorProperty = new styleProperty.Property("placeholderColor", "placeholder-color",
+    new PropertyMetadata(undefined, PropertyMetadataSettings.None, undefined, Color.isValid, Color.equals),
+    converters.colorConverter);
+
 export var backgroundImageProperty = new styleProperty.Property("backgroundImage", "background-image",
     new PropertyMetadata(undefined, PropertyMetadataSettings.None, onBackgroundImagePropertyChanged));
 

tns-core-modules/ui/styling/styling.d.ts

@@ -42,6 +42,12 @@
          * Gets or sets the color style property.
          */
         color: color.Color;
+
+        /**
+         * Gets or sets the color of the placeholder element.
+         */
+        placeholderColor: color.Color;
+        
         /**
          * Gets or sets the background-color style property.
          */

tns-core-modules/ui/styling/styling.ts

@@ -11,6 +11,7 @@ export var Style = styleModule.Style;
 export module properties {
     export var fontSizeProperty = styleModule.fontSizeProperty;
     export var colorProperty = styleModule.colorProperty;
+    export var placeholderColorProperty = styleModule.placeholderColorProperty;
     export var backgroundColorProperty = styleModule.backgroundColorProperty;
     export var textAlignmentProperty = styleModule.textAlignmentProperty;
 

tns-core-modules/ui/text-base/text-base-styler.android.ts

@@ -6,6 +6,19 @@ import enums = require("ui/enums");
 import {device} from "platform";
 
 export class TextBaseStyler implements style.Styler {
+    // hintcolor
+    private static setPlaceholderColorProperty(view: view.View, newValue: any) {
+        (<android.widget.TextView>view._nativeView).setHintTextColor(newValue);
+    }
+
+    private static resetPlaceholderColorProperty(view: view.View, nativeValue: any) {
+        (<android.widget.TextView>view._nativeView).setHintTextColor(nativeValue);
+    }
+
+    private static getNativePlaceholderColorValue(view: view.View): any {
+        return (<android.widget.TextView>view._nativeView).getHintTextColors().getDefaultColor();
+    }
+
     // color
     private static setColorProperty(view: view.View, newValue: any) {
         (<android.widget.TextView>view._nativeView).setTextColor(newValue);
@@ -128,6 +141,11 @@ export class TextBaseStyler implements style.Styler {
             TextBaseStyler.resetColorProperty,
             TextBaseStyler.getNativeColorValue), "TextBase");
 
+        style.registerHandler(style.placeholderColorProperty, new style.StylePropertyChangedHandler(
+            TextBaseStyler.setPlaceholderColorProperty,
+            TextBaseStyler.resetPlaceholderColorProperty,
+            TextBaseStyler.getNativePlaceholderColorValue), "TextBase");
+
         style.registerHandler(style.fontInternalProperty, new style.StylePropertyChangedHandler(
             TextBaseStyler.setFontInternalProperty,
             TextBaseStyler.resetFontInternalProperty,

tns-core-modules/ui/text-field/text-field.ios.ts

@@ -188,11 +188,36 @@ export class TextFieldStyler implements style.Styler {
         return tf.tintColor;
     }
 
+    // placeholder-color
+    private static setPlaceholderColorProperty(textBase: View, newValue: any) {
+        let ios = <UITextField>textBase._nativeView;
+        let colorAttibutes = NSMutableDictionary.alloc().init();
+        colorAttibutes.setValueForKey(newValue, NSForegroundColorAttributeName);
+        ios.attributedPlaceholder = NSAttributedString.alloc().initWithStringAttributes(ios.placeholder, colorAttibutes.copy());
+    }
+
+    private static resetPlaceholderColorProperty(textBase: View, nativeValue: any) {
+        var ios = <UITextField>textBase._nativeView;
+        let colorAttibutes = NSMutableDictionary.alloc().init();
+        colorAttibutes.setValueForKey(nativeValue, NSForegroundColorAttributeName);
+        ios.attributedPlaceholder = NSAttributedString.alloc().initWithStringAttributes(ios.placeholder, colorAttibutes.copy());
+    }
+
+    private static getNativePlaceholderColorValue(textBase: View): any {
+        var ios = <UITextField>textBase._nativeView;
+        return ios.attributedPlaceholder.attributeAtIndexEffectiveRange(NSForegroundColorAttributeName, 0, null);
+    }
+
     public static registerHandlers() {
         style.registerHandler(style.colorProperty, new style.StylePropertyChangedHandler(
             TextFieldStyler.setColorProperty,
             TextFieldStyler.resetColorProperty,
             TextFieldStyler.getNativeColorValue), "TextField");
+
+        style.registerHandler(style.placeholderColorProperty, new style.StylePropertyChangedHandler(
+            TextFieldStyler.setPlaceholderColorProperty,
+            TextFieldStyler.resetPlaceholderColorProperty,
+            TextFieldStyler.getNativePlaceholderColorValue), "TextField");
     }
 }