Uploaded image for project: 'Titanium SDK/CLI'
  1. Titanium SDK/CLI
  2. TIMOB-18474

IOS: Unable to make toolbar really transparent/with alpha channel

    Details

    • Type: Bug
    • Status: Open
    • Resolution: Unresolved
    • Affects Version/s: Release 3.5.0
    • Fix Version/s: None
    • Component/s: iOS
    • Environment:

      Description

      Problem

      Not possible to make toolbars really transparent or with a specified alpha channel (translucent).

      If barColor='transparent' (Test 1), toolbar is translucent (no control over opacity).
      If barColor='#2fff' (Test 2), toolbar is completely opaque.

      Test case 1

      ApplicationWindow.js

       
      //Application Window Component Constructor
      function ApplicationWindow() {
      	//load component dependencies
      	var FirstView = require('ui/common/FirstView');
       
      	//create component instance
      	var self = Ti.UI.createWindow({
      		backgroundColor : '#0cf'
      	});
       
      	//construct UI
      	var firstView = new FirstView();
      	self.add(firstView);
       
      	var button2 = Titanium.UI.createButton({
      		title:'test',
      	});
      	var toolbar = Titanium.UI.iOS.createToolbar({
      		items : [button2],
      		barColor:'transparent',
      		bottom : 0,
      		borderTop : true,
      		borderBottom : true
      	});
      	self.add(toolbar);
       
      	return self;
      }
       
      //make constructor function the public component interface
      module.exports = ApplicationWindow;
      
      

      Test case 2

      ApplicationWindow.js

       
      //Application Window Component Constructor
      function ApplicationWindow() {
      	//load component dependencies
      	var FirstView = require('ui/common/FirstView');
       
      	//create component instance
      	var self = Ti.UI.createWindow({
      		backgroundColor : '#0cf'
      	});
       
      	//construct UI
      	var firstView = new FirstView();
      	self.add(firstView);
       
      	var button2 = Titanium.UI.createButton({
      		title:'test',
      	});
      	var toolbar = Titanium.UI.iOS.createToolbar({
      		items : [button2],
      		barColor:'#2fff',
      		bottom : 0,
      		borderTop : true,
      		borderBottom : true
      	});
      	self.add(toolbar);
       
      	return self;
      }
       
      //make constructor function the public component interface
      module.exports = ApplicationWindow;
      
      

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                Unassigned
                Reporter:
                dkcarmo Daniel Kunzler
              • Watchers:
                0 Start watching this issue

                Dates

                • Created:
                  Updated:

                  Backbone Issue Sync

                  • Titanium SDK/CLI <> Titanium Mobile
                    Synced with:
                    TIMOB-19662
                    Sync status:
                    ERROR
                    Last received:
                    Last sent:

                    Git Source Code