none
Как прототип из SketchFlow перевести в HTML? RRS feed

Ответы

  • Есть прототип такого инструмента. При попытке перевести с помощью него следующий XAML код

     

    <FlowDocument xml:space="preserve" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
     <Grid Width="400" Height="400" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" >
     <Rectangle Height="400" Width="400" Stroke="Black" Fill="Wheat" StrokeThickness="5" RadiusX="10.0" RadiusY="10.0"/>
     <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="40">XAML код в HTML</TextBlock>
     </Grid>
    </FlowDocument>
    

     

    в HTML ничего не получилось

     

    <HTML><BODY>
     
    </BODY></HTML>
    

     

    В общем некоторые сложные теги не поддерживаются, но наиболее простые поддерживаются. Например

     

    <FlowDocument xml:space="preserve"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
     <Paragraph FontSize="22pt">Test</Paragraph>
    </FlowDocument>
    

     

    переводится в

     

    <HTML>
    <BODY>
    <P STYLE="font-size:22pt;">Test</P>
    </BODY>
    </HTML>
    

    28 апреля 2011 г. 10:42

Все ответы

  • Напомню что Expression Blend SketchFlow – это часть Blend, предназначенная для прототипирования пользовательских интерфейсов. А Expression Blend предназначен для конструирования пользовательских интерфейсов для Silverlight, Windows и Surface. Так что если вы используете SketchFlow для прототипирования под другие платформы (HTML/CSS/Ajax), то перенести прототип в продакшн невозможно и придется делать все с нуля. Однако если вы проектируете под Microsoft Silverlight, Windows (WPF), или Surface проблем с миграцией прототипа в продакшн возникнуть не должно (подробнее).
    • Предложено в качестве ответа Abbas Gussenov 28 апреля 2011 г. 9:16
    28 апреля 2011 г. 9:15
  • невозможно - это ответ для гуманитариев
    28 апреля 2011 г. 9:17
  • Если надо просто отобразить на веб странице некоторую векторную графику, то это можно сделать с помощью Silverlight. Определяем именованный блок сценария с типом type="text/xaml" и потом в коде вставки Silverlight объекта ссылаемся на этот блок - value="#xamlContent".

    <html>
    <head>
    </head>
    <body>
     <script type="text/xaml" id="xamlContent">
    
    <?xml version="1.0"?> <Grid Width="400" Height="400" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x
    ="http://schemas.microsoft.com/winfx/2006/xaml" > <Rectangle Height="400" Width="400" Stroke="Black" Fill="Wheat" StrokeThickness="5" RadiusX="10.0" RadiusY="10.0"/> <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="40">XAML код в HTML</TextBlock> </Grid>

     </script>
    <div id="controlHost"> <object id="silverlightControl" type="application/x-silverlight" height="400" width="400">
    <param name="Source" value="#xamlContent" />
    </object> </div> </body> </html>

     

    XAML разметка в HTML странице

    • Предложено в качестве ответа Abbas Gussenov 28 апреля 2011 г. 21:04
    28 апреля 2011 г. 10:01
  • вот это уже получше, а по уму тут нужен бы вообще XAML - HTML транслятор
    28 апреля 2011 г. 10:03
  • Есть прототип такого инструмента. При попытке перевести с помощью него следующий XAML код

     

    <FlowDocument xml:space="preserve" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
     <Grid Width="400" Height="400" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" >
     <Rectangle Height="400" Width="400" Stroke="Black" Fill="Wheat" StrokeThickness="5" RadiusX="10.0" RadiusY="10.0"/>
     <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="40">XAML код в HTML</TextBlock>
     </Grid>
    </FlowDocument>
    

     

    в HTML ничего не получилось

     

    <HTML><BODY>
     
    </BODY></HTML>
    

     

    В общем некоторые сложные теги не поддерживаются, но наиболее простые поддерживаются. Например

     

    <FlowDocument xml:space="preserve"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
     <Paragraph FontSize="22pt">Test</Paragraph>
    </FlowDocument>
    

     

    переводится в

     

    <HTML>
    <BODY>
    <P STYLE="font-size:22pt;">Test</P>
    </BODY>
    </HTML>
    

    28 апреля 2011 г. 10:42
  • понятно, значит придется вернуться к вопросу через два годика
    28 апреля 2011 г. 11:03