Создание пользовательского элемента управления сборщика

Question

См скриншот пользовательского сборщика:

Я знаю, что это не способ, чтобы стиль управления сборщика в титане. Этот сборщик должен работать только на iOS (только iPad). Я думал, что могу взломать элемент управления TableView вместо использования, чтобы достичь желаемого стиля. Это разумно? Как бы я привязал TableViewRows, чтобы он всегда находился в центре, как в типичных элементах управления?

Answer 1

Это сложный вопрос, я бы сказал, что вам нужны только виды и ярлыки, а также событие салфетки (вы можете распознать, если кто-то прокручивает вверх и вниз) и просто меняет метки. Вы можете сделать это с помощью функции обратного вызова я надеюсь, что этот код поможет вам (мы создали пользовательскую палитру с этим кодом)

с использованием сплава

XML

<View id="numOfIntrusionsPickerContainer" class="compositeWrapperPicker noMargins" > 
<View id="numOfIntrusionsButtonContainer" class="horizontalWrapper"></View> 

CSS

".compositeWrapperPicker" : { 
    height: Ti.UI.SIZE, 
    layout: "composite", 
    width:Ti.UI.SIZE 
}, 
".horizontalWrapper" : { 
    width: Ti.UI.SIZE, 
    height: Ti.UI.SIZE, 
    layout: "horizontal" 
}, 

JS

// INSTANTIATION 
var args = arguments[0] || {}; 
var widthValue = 120; 
var pickerEnabled = true; 

if(args.width != null){ 
    widthValue = args.width; 
} 
if(args.isEnabled != null){ 
    pickerEnabled = args.isEnabled; 
} 
// STYLING 


// ADDITIONS 

// pressed arg can be: true,false,null. false & null are equal 
// true = 'yes' is Pressed at creation, false/null = 'no' is pressed 



var btn_main = Ti.UI.createButton({ 
    top: 5, 
    bottom: 0, 
    left:0, 
    right:5, 
    height: 45, 
    enabled: pickerEnabled, 
    width: widthValue, 
    borderRadius: 5, 
    backgroundImage: "/images/bttn_gray_flex.png", 
    backgroundSelectedImage : "/images/bttn_gray_press_flex.png", 
    backgroundFocusedImage : "/images/bttn_gray_press_flex.png" 
    }); 

var picker_divider = Ti.UI.createImageView({ 
    right: 43, 
    bottom:2, 
    touchEnable:false, 
    focusable:false, 
    image: "/images/Divider_picker.png" 
}); 
var picker_arrows = Ti.UI.createImageView({ 
    right: 16, 
    top: 17, 
    touchEnabled: false, 
    focusable: false, 
    image: "/images/bttn_selector_arrow.png" 
}); 

$.pickerContainer.add(btn_main); 
$.pickerContainer.add(picker_divider); 
$.pickerContainer.add(picker_arrows); 



// CODE 



// LISTENERS 
if(args.callBack != null){ 
    btn_main.addEventListener("click",function(_event){ 
     args.callBack(_event); 
    }); 

}