manumaticx

Fading Actionbar

This is a quick example of how to create a fading actionbar effect like this in Appcelerator Titanium

How this works

This is actually very simple. The trick is putting the Actionbar in overlay mode by configuring the theme with windowActionBarOverlay:true. Then all you need to do is updating the color of the Actionbar, in this case by scrolling a ScrollView.

manumaticx

import Component from '@ember/component';
import { computed } from '@ember/object';

export default Component.extend({
  
  init() {
    this._super(...arguments);
    this.onUpdate(false);
  },
  

manumaticx

/**
 * Calculates the physical display size for android devices
 * e.g 4,95 for Nexus 5 or 7,02 for Nexus 7
 * 
 * IMPORTANT: this requires https://github.com/dbankier/HasMenu
 * 
 * @return {Number} size as inches
 */
function getPhysicalSize(){
    // some infos we need

manumaticx

/**
 * This is just a little helper I made when I had to convert a lot of MP4 files. 
 * Using ffmpeg this works fine but it just needed to be automated. Maybe this isn't the best 
 * solution, it's quick and dirty but I was happy with its results.
 * The grunt script ran overnight to process about a hundred video files.
 */
 
module.exports = function(grunt) {
  var _ = require('underscore');

manumaticx

/**
 * Original Alloy Widget:
 * https://github.com/manumaticx/pagingcontrol
 *
 * This implementation is a port for Classic Titanium.
 * @author: Manuel Lehner
 */


var OS_ANDROID = Ti.Platform.osname === 'android';

manumaticx

/* locate this file under:
 *    - Resources/android/
 *    or
 *    - app/assets/android/ (when working with Alloy)
 */

var service = Ti.Android.currentService;
var serviceIntent = service.getIntent();

setNotification();

manumaticx

var win = Titanium.UI.createWindow({  
    title:'Audio Test',
    backgroundColor:'#fff',
    layout: 'vertical'
});

var startStopButton = Titanium.UI.createButton({
    title:'Start/Stop Streaming',
    top:'10dp',
    width:'200dp',

manumaticx

var location = require('location');

if (location.enabled){
    if (location.hasAuth){
         location.currentLocation(function(e){
              alert(e.latitude + '; ' + e.longitude);
         });
    }else{
        alert('need permission to access location service');
    }

manumaticx

// Forked from https://gist.github.com/2417902 to fix a small bug
// -----
function PagingControl(scrollableView){
       var pages = [];
       var page;
       var numberOfPages = scrollableView.getViews().length;

        // Configuration
        var pageColor = "#c99ed5";
	var container = Titanium.UI.createView({

manumaticx

/**
 * Underlines a single word of a label
 * @param {Ti.UI.Label} _label
 * @param {String} _word
 */
function underline(_label, _word) {
    if (Ti.Platform.name === 'iPhone OS') {
        var text = _label.getText();
        var attr = Titanium.UI.iOS.createAttributedString({
            text : text,