2016-10-18 106 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