2016-10-18 67 views
0

我已经完成了设备上的roku设置和一个基本的Hello World程序。Roku基本应用程序创建

接下来我想创建一个带有徽标的布局对齐方式。它很难为此搜索源代码。任何人都可以帮我解决这个问题吗?

+0

灿你张贴了c _basic hello world program的颂歌too_? – Shashanth

回答

1

这真的不是一个没有更多细节的答复问题。有不同的做法。执行的最简单方法就是您所描述的将与roScreen或roImagecanvas一起使用,但这些选择中的每一个都需要更多的问题。 查看Roku SDK中的示例。找到看起来有趣的东西,并侧重加载它们并查看源代码,您会在那里找到许多答案。

0

首先创建这些文件:在源文件夹main.brs,LayoutTop.xml,LayoutTop.brs,HomeScene.xml和components.Then HomeScene.brs在这些文件中添加以下代码: main.brs文件:

sub Main() 
    showSGScreen() 
end sub 

sub showSGScreen() 
    screen = CreateObject("roSGScreen") 
    m.port = CreateObject("roMessagePort") 
    screen.setMessagePort(m.port) 
    m.scene = screen.CreateScene("HomeScene") 
    screen.show() 

    while(true) 
     msg = wait(0, m.port) 
    msgType = type(msg) 
     if msgType = "roSGScreenEvent" 
      if msg.isScreenClosed() then return 
     end if 
    end while 
end sub 

LayoutTop.xml:

<?xml version="1.0" encoding="UTF-8"?> 
<component name="layoutTop" extends="Group" xsi:noNamespaceSchemaLocation="https://devtools.web.roku.com/schema/RokuSceneGraph.xsd"> 

<script type="text/brightscript" uri="pkg:/components/LayoutTop.brs"/> 
<children> 
    <Poster 
     id="backgroundPoster" 
     uri="pkg:/images/backgroundTop.jpg" 
     width="1920" 
     height="150" 
     translation="[0, 0]" 
    /> 


    <Poster 
     id="icon" 
     uri="pkg:/images/html5.png" 
     width="128" 
     height="128" 
     translation="[10, 10]" 
    /> 

</children> 

</component> 

LayoutTop.brs:

sub init() 

end sub 

HomeScene.xml:

<?xml version="1.0" encoding="UTF-8"?> 
<component name = "HomeScene" extends = "Scene" > 
<script type="text/brightscript" uri="pkg:/components/HomeScene.brs"/> 
<children> 
    <Poster 
     id="background" 
     uri="pkg:/images/background.jpg" 
     width="1920" 
     height="1080" 
     translation="[0, 0]" 
    /> 

    <Group > 
     <layoutTop 
      translation="[0, 0]" 
     /> 

    </Group> 

    </children> 
</component> 

HomeScene.brs:

sub init() 

end sub 

这一切后,你应该得到你的Roku此屏幕: enter image description here