Скрыть объявление
На нашем форуме недоступен просмотр изображений для неавторизованных пользователей. Если Вы уже зарегистрированы на нашем форуме, то можете войти. Если у Вас еще нет аккаунта, мы будем рады, если Вы к нам присоединитесь. Зарегистрироваться Вы можете здесь.

Нужна помощь App Inventor

Тема в разделе "Android приложения (разработка и готовые решения)", создана пользователем Антон987, 2 ноя 2017.

  1. Антон987

    Антон987 Новичок

    Сообщения:
    5
    Симпатии:
    0
    Здравствуйте! Ребята, может подскажет кто... Нужно сделать приложение, своего рода витрину. На первом экране будут баннеры с информацией и под каждым баннером кнопка. И каждая кнопка должна вести на определенный сайт. После перехода нужна возможность вернуться назад на первый экран, и при переходе на следующий сайт точно так же и так далее. Пробовал сделать на двух экранах: на первом накидал баннеров и кнопок, а на втором под каждый сайт ВебПросмотрщиков (через visible), и только после добавления 10 сайта понял, что приложение жутко тормозит, из за того что на одном экране несколько ВебПросмотрщиков, тоесть, когда пользователь нажимает на какую нибудь кнопку и его перебрасывает на нужный ему сайт, то насам деле у него загружаются сразу 10 сайтов, просто отображается только 1. Сейчас изучаю Переменные и Массивы... вроде как используя их можно сделать все на одном экране, но нифига не получается и в сети ничего не могу найти. Кто шарит хорошо подскажите плиз, а еще лучше накидайте пример из 4-5 сайтов.
    [​IMG]
     
  2. Юрий Ботов

    Юрий Ботов Moderator Команда форума

    Сообщения:
    1.037
    Симпатии:
    173
    Не проще не городить аппликейшен а сделать именно САЙТ - на html+css+js ? Все будет жить в одном браузере... кода минимум...
     
  3. Антон987

    Антон987 Новичок

    Сообщения:
    5
    Симпатии:
    0
    Я хочу именно в плей маркете опубликовать... Над сайтом тоже поработаю. Сейчас вот хочу с АппИнвентором разобраться.
     
  4. Юрий Ботов

    Юрий Ботов Moderator Команда форума

    Сообщения:
    1.037
    Симпатии:
    173
    Так сделайте сайт и сделайте аппликейшн из единственного ВебПросмотрщика которому пропишите адрес вашего сайта. Этот просмотрщик, это же просто движок Хрома...
     
  5. Антон987

    Антон987 Новичок

    Сообщения:
    5
    Симпатии:
    0
    А подскажите тогда сайт как лучше сделать? На вордпресс можно?
     
  6. Юрий Ботов

    Юрий Ботов Moderator Команда форума

    Сообщения:
    1.037
    Симпатии:
    173
    на чем угодно. Даже просто в редакторе. Я бы просто в редакторе написал... там немного кода то будет (если делать именно то что вы нарисовали).
     
  7. Антон987

    Антон987 Новичок

    Сообщения:
    5
    Симпатии:
    0
    Спасибо за совет! Правда редактор для меня не менее дремучий лес, чем аппинвентор))
     
  8. gerkimuyda

    gerkimuyda Авторитетный участник сообщества

    Сообщения:
    309
    Симпатии:
    62
    Ковыряйте:
    index.html (раскрыть)
    HTML:
    1. <title>Index</title>
    2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    3. </head>
    4.  
    5. <center>
    6.  
    7. <br/><hr/><br/>
    8.  
    9. <table width=90% border=0>
    10. <tr><td align=center bgcolor="red"><br/>Banner1<br/><br/></td></tr>
    11. <tr><td align=center><input type="button" value="Кнопка1" onClick="location='inline1.html';"></td></tr>
    12.  
    13. <br/><hr/><br/>
    14.  
    15. <table width=90% border=0>
    16. <tr><td align=center bgcolor="green"><br/>Banner2<br/><br/></td></tr>
    17. <tr><td align=center><input type="button" value="Кнопка2" onClick="location='inline2.html';"></td></tr>
    18.  
    19. <br/><hr/><br/>
    20.  
    21. </center>
    22.  
    23. </html>
    24.  
    inline1.html (раскрыть)
    HTML:
    1. <title>Inline1</title>
    2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    3. </head>
    4.  
    5. <div style="border: 1px solid blue; height:20px; position:fixed; display:block; background-color: grey; z-index:1;">
    6. <a href="index.html" onClick="window.history.go(-1);">&lt;&lt;-- Return</a>
    7. </div>
    8.  
    9. <div id="inline1" style="display:block; position:absolute; top:0px; left:0px; padding-top: 0px; margin-top: 0px; width:100%; height:100%;">
    10. <iframe scrolling="yes" frameborder="0" width=100% height=100% src="https://www.sheldonbrown.com/web_sample1.html" style="display:block;"></iframe>
    11. </div>
    12.  
    13. </html>
    14.  
    inline2.html (раскрыть)
    HTML:
    1. <title>Inline1</title>
    2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    3. </head>
    4.  
    5. <div style="border: 1px solid blue; height:20px; position:fixed; display:block; background-color: grey; z-index:1;">
    6. <a href="index.html" onClick="window.history.go(-1);">&lt;&lt;-- Return</a>
    7. </div>
    8.  
    9. <div id="inline1" style="display:block; position:absolute; top:0px; left:0px; padding-top: 0px; margin-top: 0px; width:100%; height:100%;">
    10. <iframe scrolling="yes" frameborder="0" width=100% height=100% src="inline-text.html" style="display:block;"></iframe>
    11. </div>
    12.  
    13. </html>
    14.  
     

    Вложения:

  9. Юрий Ботов

    Юрий Ботов Moderator Команда форума

    Сообщения:
    1.037
    Симпатии:
    173
    Вот состряпал простейший шаблон
    index.html:
    HTML:
    1. <!DOCTYPE html>
    2. <html lang="ru">
    3.     <meta charset="utf-8" />
    4.     <title>Template</title>
    5.     <link rel="stylesheet" href="index.css" type="text/css" />
    6.     <script src="index.js"></script>
    7. </head>
    8.    
    9.     <div id="content0" class="columncell" style="display:none;">
    10.         <h1>Шаблон витрины</h1>
    11.         <div class="cell tab" onclick="switchscreen(1);"></div>
    12.         <div class="cell tab" onclick="switchscreen(2);"></div>          
    13.     </div>
    14.     <div id="content1" class="columncell" style="display:none;">
    15.         <div class="buttons" onclick="switchscreen(0);">Назад</div>
    16.         <h1>Шаблон первого сайта</h1>
    17.         <div class="cell tab">
    18.         </div>
    19.     </div>
    20.     <div id="content2" class="columncell" style="display:none;">
    21.         <div class="buttons" onclick="switchscreen(0);">Назад</div>
    22.         <h1>Шаблон второго сайта</h1>
    23.         <div class="cell tab">
    24.         </div>
    25.     </div>
    26. </body>
    27. </html>
    index.css:
    Код (CSS):
    1. html {
    2.     height: 100%;
    3. }
    4.  
    5. html, body {
    6.     display: flex;
    7.     flex-flow: column;
    8.     overflow: hidden;
    9. }
    10.  
    11. body {
    12.     flex: 1;
    13.     padding: 0;
    14.     margin: 0;
    15.     background-color: #446;
    16.     color: #ccc;
    17.     -webkit-user-select: none;
    18.     -khtml-user-select: none;
    19.     -moz-user-select: none;
    20.     -ms-user-select: none;
    21.     user-select: none;
    22. }
    23. .row, .rowcell {
    24.     display: flex;
    25.     overflow: hidden;
    26.     flex-flow: row;
    27. }
    28.  
    29. .column, .columncell {
    30.     display: flex;
    31.     overflow: hidden;
    32.     flex-flow: column;
    33. }
    34.  
    35. .cell, .rowcell, .columncell {
    36.     flex: 1;
    37. }
    38.  
    39. .tab {
    40.     margin: 30px;
    41.     background-color: #667;
    42.     color: #fff;
    43. }
    44.  
    45. .buttons {
    46.     margin: 30px;
    47.     width:200px;
    48.     height:30px;
    49.     background-color: #667;
    50.     color: #fff;
    51. }
    52.     .buttons:hover {
    53.         background-color: #777;
    54.     }
    index.js:
    Код (Javascript):
    1. window.onload = function() {
    2.     document.getElementById('content0').style.display = '';
    3. }
    4.  
    5. var sitescount = 3;
    6. function switchscreen(num) {
    7.     for(var i = 0; i < sitescount; i++) {
    8.         document.getElementById('content'+i).style.display = (i === num)?"":"none";
    9.     }
    10. }
    скиньте их в один каталог и просто откройте index.html браузером
     
    andrik_zp и Антон987 нравится это.
  10. Антон987

    Антон987 Новичок

    Сообщения:
    5
    Симпатии:
    0
    Это конечно все хорошо, спасибо. Но может все таки по АппИнветору, подскажет еще кто-нибудь.
     

Поделиться этой страницей