Работа с ImageButton

[boyfromsun]

Вот скрин задуманного. Но хочется немного и какого-то стильного дизайна.

[boyfromsun]

Архивы не прекрепляются.
Хочется сделать похожее.
http://files.mail.ru/6BEC5199C6F54FF79162253778E0215B
Разобранная программа
и ниже собранная

[IgNa]

Выше сделал.

Если это button рамка будет т.к. это кнопка. Нужно делать ImageView (и у неё Clickable = true)
[syntax=xml]
<ImageButton
android:id="@+id/imageButton1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/lesson" />


<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:clickable="true"
android:src="@drawable/lesson" />

[/syntax]
Ну а дальше, например по уроку 19, делаем обработчик нажатия, как-будто это кнопка.

Интересно как ему помогла сделать из imageview кнопку, ссылка на пример простого калькулятора ( со стандартными кнопками )

[boyfromsun]

Здравствуйте. Хотел бы спросить. Я создал главный экран. Так сказать меню. С него я перехожу на N количество страниц которые содержат WebView.
Теперь вопрос. Вставил туда созданную ранее страницу (без картинок только текст и таблицы) Загружаю телефон . Всё работает. Но.. Страница ни только в низ листается но и в право. А хотелось бы сделать чтоб страница растягивалась в зависимости от экрана телефона и листалось только в низ. чтоб текст автоматически переносился на новую строку, а не заступал за правый край экрана.. Конечно можно пальцем потянуть и дочитать. Хо хочется сделать толково.

[DeadKenny]

Здравствуйте. Хотел бы спросить. Я создал главный экран. Так сказать меню. С него я перехожу на N количество страниц которые содержат WebView.
Теперь вопрос. Вставил туда созданную ранее страницу (без картинок только текст и таблицы) Загружаю телефон . Всё работает. Но.. Страница ни только в низ листается но и в право. А хотелось бы сделать чтоб страница растягивалась в зависимости от экрана телефона и листалось только в низ. чтоб текст автоматически переносился на новую строку, а не заступал за правый край экрана.. Конечно можно пальцем потянуть и дочитать. Хо хочется сделать толково.

Попробуй так

Код: Выделить всё

browser.getSettings().setLoadWithOverviewMode(true);
    browser.getSettings().setUseWideViewPort(true);

[boyfromsun]

Код: Выделить всё

public class ActivityTwo1 extends Activity {

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.two1);
    WebView myBrowser = (WebView)findViewById(R.id.mybrowser);
    myBrowser.loadUrl("file:///android_asset/Lesson1.htm"); 

    browser.getSettings().setLoadWithOverviewMode(true); 
        browser.getSettings().setUseWideViewPort(true);     //вставил в активити на каторой находится webview

  }
}

Приложение крошится...
Переменную добавил после добавление строчек..

ещё идеи есть ?

[DeadKenny]

ещё идеи есть ?

Можно заменить browser.getSettings().setLoadWithOverviewMode(true);browser.getSettings().setUseWideViewPort(true);
на myBrowser.getSettings().setLoadWithOverviewMode(true);myBrowser.getSettings().setUseWideViewPort(true);

Еще можешь в код веб страницы вставить фиксированную ширину, а при вставке в вебвью подставлять текущую ширину компонента.

[boyfromsun]

Всё стало очень мелкое но всё ровно немного в право нужно двигать чтоб прочитать текст.

ещё идеи ?


пример страницы прикрепил.
Если получится чтоб текст переносился на новую строку прошу отпишитесь. Надеюсь на вашу помощь. Спасибо форумчане.

[boyfromsun]

ещё идеи есть ?

Можно заменить browser.getSettings().setLoadWithOverviewMode(true);browser.getSettings().setUseWideViewPort(true);
на myBrowser.getSettings().setLoadWithOverviewMode(true);myBrowser.getSettings().setUseWideViewPort(true);

Еще можешь в код веб страницы вставить фиксированную ширину, а при вставке в вебвью подставлять текущую ширину компонента.

Хочу сделать чтоб на разных телефонах растягивалось не больше ширины экрана. А строки просто переносились.

[DeadKenny]

Хочу сделать чтоб на разных телефонах растягивалось не больше ширины экрана. А строки просто переносились.

Код: Выделить всё

<meta name="HandheldFriendly" content="true" />
<meta name="viewport"
          content="width=device-width,
                 height=device-height, user-scalable=no" />

Это в заголовок страницы вставьте.

[boyfromsun]

Хочу сделать чтоб на разных телефонах растягивалось не больше ширины экрана. А строки просто переносились.

Код: Выделить всё

<meta name="HandheldFriendly" content="true" />
<meta name="viewport"
          content="width=device-width,
                 height=device-height, user-scalable=no" />

Это в заголовок страницы вставьте.

Не помогает. Сами попробуйте. Выше прикрепил простую htm страницу.

даже добавлял это

Код: Выделить всё

<meta name="viewport"
      content="
          height = [pixel_value | device-height] ,
          width = [pixel_value | device-width ] ,
          initial-scale = float_value ,
          minimum-scale = float_value ,
          maximum-scale = float_value ,
          user-scalable = [yes | no] ,
          target-densitydpi = [dpi_value | device-dpi |
                                      high-dpi | medium-dpi | low-dpi]" 
/>

вот код htm:

Код: Выделить всё

<html>
<head>
<meta name="viewport"
      content="
          height = [pixel_value | device-height] ,
          width = [pixel_value | device-width ] ,
          initial-scale = float_value ,
          minimum-scale = float_value ,
          maximum-scale = float_value ,
          user-scalable = [yes | no] ,
          target-densitydpi = [dpi_value | device-dpi |
                                      high-dpi | medium-dpi | low-dpi]" 
/>
</head>
<body>
   <div id="wb_Text1" style="position:absolute;left:14px;top:11px;width:956px;height:112px;z-index:0;text-align:left;">
      <span style="color:#000000;font-family:arial;font-size:13px;">WYSIWYG Web Builder &#0045; &#1086;&#1076;&#1085;&#1072; &#1080;&#1079; &#1090;&#1077;&#1093; &#1087;&#1088;&#1086;&#1075;&#1088;&#1072;&#1084;&#1084;, &#1086; &#1087;&#1088;&#1077;&#1076;&#1085;&#1072;&#1079;&#1085;&#1072;&#1095;&#1077;&#1085;&#1080;&#1080; &#1082;&#1086;&#1090;&#1086;&#1088;&#1099;&#1093; &#1084;&#1086;&#1078;&#1085;&#1086; &#1089;&#1091;&#1076;&#1080;&#1090;&#1100; &#1087;&#1086; &#1080;&#1093; &#1085;&#1072;&#1079;&#1074;&#1072;&#1085;&#1080;&#1103;&#1084;. &#1069;&#1090;&#1086;&#1090; &#1074;&#1077;&#1073;-&#1088;&#1077;&#1076;&#1072;&#1082;&#1090;&#1086;&#1088; &#1087;&#1086;&#1079;&#1074;&#1086;&#1083;&#1103;&#1077;&#1090; &#1089;&#1086;&#1079;&#1076;&#1072;&#1074;&#1072;&#1090;&#1100; &#1087;&#1086;&#1083;&#1085;&#1086;&#1094;&#1077;&#1085;&#1085;&#1099;&#1077; &#1089;&#1090;&#1088;&#1072;&#1085;&#1080;&#1094;&#1099; &#1080; &#1076;&#1072;&#1078;&#1077; &#1094;&#1077;&#1083;&#1099;&#1077; &#1089;&#1072;&#1081;&#1090;&#1099; &#1073;&#1077;&#1079; &#1079;&#1085;&#1072;&#1085;&#1080;&#1103; HTML-&#1088;&#1072;&#1079;&#1084;&#1077;&#1090;&#1082;&#1080;, PHP-&#1082;&#1086;&#1076;&#1072; &#1080; &#1087;&#1088;&#1086;&#1095;&#1080;&#1093; &#1089;&#1088;&#1077;&#1076;&#1089;&#1090;&#1074;, &#1082;&#1086;&#1090;&#1086;&#1088;&#1099;&#1084;&#1080; &#1086;&#1087;&#1077;&#1088;&#1080;&#1088;&#1091;&#1102;&#1090; &#1087;&#1088;&#1086;&#1092;&#1077;&#1089;&#1089;&#1080;&#1086;&#1085;&#1072;&#1083;&#1100;&#1085;&#1099;&#1084;&#1080; &#1074;&#1077;&#1073;-&#1088;&#1072;&#1079;&#1088;&#1072;&#1073;&#1086;&#1090;&#1095;&#1080;&#1082;&#1072;&#1084;&#1080;. &#1055;&#1088;&#1086;&#1075;&#1088;&#1072;&#1084;&#1084;&#1072; &#1086;&#1095;&#1077;&#1085;&#1100; &#1087;&#1088;&#1086;&#1089;&#1090;&#1072; &#1074; &#1080;&#1089;&#1087;&#1086;&#1083;&#1100;&#1079;&#1086;&#1074;&#1072;&#1085;&#1080;&#1080;: &#1077;&#1089;&#1090;&#1100; &#1088;&#1072;&#1073;&#1086;&#1095;&#1072;&#1103; &#1086;&#1073;&#1083;&#1072;&#1089;&#1090;&#1100;, &#1085;&#1072; &#1082;&#1086;&#1090;&#1086;&#1088;&#1091;&#1102; &#1087;&#1088;&#1077;&#1076;&#1083;&#1072;&#1075;&#1072;&#1077;&#1090;&#1089;&#1103; &#1076;&#1086;&#1073;&#1072;&#1074;&#1083;&#1103;&#1090;&#1100; &#1088;&#1072;&#1079;&#1083;&#1080;&#1095;&#1085;&#1099;&#1077; &#1101;&#1083;&#1077;&#1084;&#1077;&#1085;&#1090;&#1099; &#1089;&#1072;&#1081;&#1090;&#1072;. &#1058;&#1072;&#1082;&#1080;&#1084; &#1086;&#1073;&#1088;&#1072;&#1079;&#1086;&#1084;, &#1079;&#1072;&#1076;&#1072;&#1095;&#1072; &#1087;&#1086;&#1083;&#1100;&#1079;&#1086;&#1074;&#1072;&#1090;&#1077;&#1083;&#1103; &#1089;&#1074;&#1086;&#1076;&#1080;&#1090;&#1089;&#1103; &#1082; &#1087;&#1086;&#1076;&#1073;&#1086;&#1088;&#1091; &#1085;&#1091;&#1078;&#1085;&#1099;&#1093; &#1101;&#1083;&#1077;&#1084;&#1077;&#1085;&#1090;&#1086;&#1074; &#1080; &#1088;&#1072;&#1079;&#1084;&#1077;&#1097;&#1077;&#1085;&#1080;&#1102; &#1080;&#1093; &#1085;&#1072; &#1089;&#1090;&#1088;&#1072;&#1085;&#1080;&#1094;&#1077;. &#1043;&#1077;&#1085;&#1077;&#1088;&#1072;&#1094;&#1080;&#1103; &#1082;&#1086;&#1076;&#1072; &#1087;&#1088;&#1086;&#1080;&#1089;&#1093;&#1086;&#1076;&#1080;&#1090; &#1087;&#1086;&#1083;&#1085;&#1086;&#1089;&#1090;&#1100;&#1102; &#1072;&#1074;&#1090;&#1086;&#1084;&#1072;&#1090;&#1080;&#1095;&#1077;&#1089;&#1082;&#1080;. &#1053;&#1072; &#1083;&#1102;&#1073;&#1086;&#1084; &#1101;&#1090;&#1072;&#1087;&#1077; &#1088;&#1072;&#1073;&#1086;&#1090;&#1099; &#1085;&#1072;&#1076; &#1087;&#1088;&#1086;&#1077;&#1082;&#1090;&#1086;&#1084; &#1084;&#1086;&#1078;&#1085;&#1086; &#1073;&#1099;&#1089;&#1090;&#1088;&#1086; &#1087;&#1086;&#1089;&#1084;&#1086;&#1090;&#1088;&#1077;&#1090;&#1100;, &#1082;&#1072;&#1082; &#1073;&#1091;&#1076;&#1077;&#1090; &#1074;&#1099;&#1075;&#1083;&#1103;&#1076;&#1077;&#1090;&#1100; &#1089;&#1090;&#1088;&#1072;&#1085;&#1080;&#1094;&#1072; &#1074; &#1073;&#1088;&#1072;&#1091;&#1079;&#1077;&#1088;&#1077;, &#1080;&#1089;&#1087;&#1086;&#1083;&#1100;&#1079;&#1091;&#1077;&#1084;&#1086;&#1084; &#1087;&#1086; &#1091;&#1084;&#1086;&#1083;&#1095;&#1072;&#1085;&#1080;&#1102;, &#1085;&#1072;&#1078;&#1072;&#1074; &#1082;&#1083;&#1072;&#1074;&#1080;&#1096;&#1091; &#0171;F5&#0187;. &#1044;&#1083;&#1103; &#1091;&#1076;&#1086;&#1073;&#1089;&#1090;&#1074;&#1072; &#1084;&#1086;&#1078;&#1085;&#1086; &#1074;&#1085;&#1077;&#1089;&#1090;&#1080; &#1074; &#1089;&#1087;&#1080;&#1089;&#1086;&#1082; &#1073;&#1088;&#1072;&#1091;&#1079;&#1077;&#1088;&#1086;&#1074;, &#1074; &#1082;&#1086;&#1090;&#1086;&#1088;&#1099;&#1093; &#1076;&#1086;&#1083;&#1078;&#1077;&#1085; &#1074;&#1099;&#1087;&#1086;&#1083;&#1085;&#1103;&#1090;&#1100;&#1089;&#1103; &#1087;&#1088;&#1077;&#1076;&#1074;&#1072;&#1088;&#1080;&#1090;&#1077;&#1083;&#1100;&#1085;&#1099;&#1081; &#1087;&#1088;&#1086;&#1089;&#1084;&#1086;&#1090;&#1088;, &#1074;&#1089;&#1077; &#1074;&#1077;&#1073;-&#1086;&#1073;&#1086;&#1079;&#1088;&#1077;&#1074;&#1072;&#1090;&#1077;&#1083;&#1080;, &#1091;&#1089;&#1090;&#1072;&#1085;&#1086;&#1074;&#1083;&#1077;&#1085;&#1085;&#1099;&#1077; &#1074; &#1089;&#1080;&#1089;&#1090;&#1077;&#1084;&#1077;. </span>
   </div>
</body>
</html>

странно.. кодировка Unicode (UTF-8) а русский не видит...

[boyfromsun]

C этим разобрался. Спасибо за помощь. В тегах div была задана ширина которая не давала переноса строкам.