Infairy platform define different layout object to let users interactive with bundle by graphic usere interface, each bundle can be put into many layout tag, each layout tag can design many layout object.
This chapter will show you how to ceate the layout Wheel object:
First, you have to import Layout class:
This chapter will show you how to ceate the layout Wheel object:
import com.infairy.cocina.SDK.Layout.Layout; import com.infairy.cocina.SDK.Layout.LayoutOptionItem; import com.infairy.cocina.SDK.Layout.LayoutWheel;Then, get Layout service
Layout layout=(Layout)Tools.getService(context, Layout.class.getName(), "(FUNCTION=LAYOUT)");Next, create layout tag and get LayoutID for other layout object used purpose:
LayoutTag ltag=new LayoutTag(); ltag.backgroundImage="img/background.png"; ltag.bundleID=BundleID; ltag.LayoutHeight=450; ltag.LayoutWidth=800; ltag.title="My App"; /* * Create layout tag and get layout id for other layout object use */ LayoutID=layout.createUI(this, ltag);We have to prepare the Option item:, because the Wheel item is same as option item.
LayoutOptionItem[] optionItem=new LayoutOptionItem[2]; optionItem[0]=new LayoutOptionItem(); optionItem[0].Alias="myName"; optionItem[0].Index="0"; optionItem[0].Value="p1"; optionItem[1]=new LayoutOptionItem(); optionItem[1].Alias="yourName"; optionItem[1].Index="1"; optionItem[1].Value="p2 ";Create Wheel layout object:
LayoutWheel lw=new LayoutWheel(); lw.LayoutID=LayoutID; lw.fontSize=18; lw.fontColor="#000000"; lw.left=199; lw.top=109; lw.width=91; lw.height=73; lw.optionItem=optionItem; //the option item array layout.createUI(this, lw);Please note that, each option item have different value and index, these two properties can be distingruish which icon was clicked.
lw.key=device.DEVICE_OPERATION_USER_DEFINED_0;"DEVICE_OPERATION_USER_DEFINED_0" is defined by com.infairy.cocina.SDK.device.DevicePool#DEVICE_OPERATION_xxx
then defined the Operation object( refer to Operation):
public class myFirstBundle implements BundleActivator, Runnable{ ... /* * Bundle ID */ String BundleID=""; /* * Layout ID */ String LayoutID=""; Thread me; /* * Layout object */ Layout layout; /* * entry point */ public void start(BundleContext context) throws Exception { ... /* * get layout service */ layout=(Layout)Tools.getService(context, Layout.class.getName(), "(FUNCTION=LAYOUT)"); ..... /* * define operation for layout key mapping */ Vector Operation=new Vector(); OperationDNA oobj=new OperationDNA(); //when user click the image layout object, this operation object will trigger to run the Funtoin:Go() oobj.KEY=device.DEVICE_OPERATION_USER_DEFINED_0; oobj.Function="Go"; Operation.addElement(oobj); dict.put(InfairyInterface.DeviceOperation, Operation); ... BundleID=device.addDevice(this, dict);You have also implemnt Go() function to catch up the action.
Because of the Gridview have two properties was assigned, value & index, so you Go() fucntion also have to implement two parameter:
public void Go(String value, String index){ .... }The parameter "value" is mapping to the gridview item's value property and the parameter "index" is mapping to the gridview item's idnex property.
The Wheel layout object properties show as below:
/** * Layout id of bundle */ public String LayoutID=""; /** * layout width in pixel, default is 10 */ public int width=10; /** * layout height in pixel, default is 10 */ public int height=10; /** * layout axis of left, default is 0 */ public int left=0; /** * layout axis of top, default is 0 */ public int top=0; /** * Layout key defined, please refer to {@link com.infairy.cocina.SDK.device.DevicePool#DEVICE_OPERATION_DIMMER}, {@link com.infairy.cocina.SDK.device.DevicePool#DEVICE_OPERATION_xxx}... */ public String key=""; /** * option item array */ public LayoutOptionItem[] optionItem=null; /** * font color */ public String fontColor=""; /** * font size, default is 10 */ public int fontSize=10; /** * visibility, default is true */ public boolean visible=true;