С Новым годом! Форум программистов, компьютерный форум, киберфорум
Программирование Android
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
 
Рейтинг 4.89/9: Рейтинг темы: голосов - 9, средняя оценка - 4.89
2 / 2 / 0
Регистрация: 10.08.2014
Сообщений: 36
1

WebView белое поле снизу

18.12.2015, 13:59. Показов 1707. Ответов 21
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Здравствуйте форумчане. Прошу у вас помощи так как сам уже два дня не могу понять в чём проблема.
Проблема в следующем. Есть WebView. Как только я кладу туда html всё хорошо красиво укладывается. Но вот если повернуть экран или поменять шрифт с крупного на мелкий. То снизу появляется много белого пространства. В чём может быть проблема . Спасибо за помощь
Скриншоты
http://cs3-3.4pda.to/7263278/S... f3b885e0a0
http://cs3-2.4pda.to/7263282/S... cae7db118f
http://cs4-1.4pda.to/7263285/S... 499669adb1
Код
Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
public class NewsActivity extends AppCompatActivity {
 
    private VideoEnabledWebView web;
    private Toolbar toolbar;
    private String mime = "text/html";
    private String encoding = "utf-8";
    private VideoEnabledWebChromeClient webChromeClient;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
 
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_news);
 
        toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        getSupportActionBar().setDisplayShowTitleEnabled(false);
        web = (VideoEnabledWebView) findViewById(R.id.webView);
        View nonVideoLayout = findViewById(R.id.nonVideoLayout);
        ViewGroup videoLayout = (ViewGroup) findViewById(R.id.videoLayout);
        View loadingView = getLayoutInflater().inflate(R.layout.view_loading_video, null);
 
        webChromeClient = new VideoEnabledWebChromeClient(nonVideoLayout, videoLayout, loadingView, web)
        {
            @Override
            public void onProgressChanged(WebView view, int progress) {
            }
        };
        webChromeClient.setOnToggledFullscreen(new VideoEnabledWebChromeClient.ToggledFullscreenCallback() {
            @Override
            public void toggledFullscreen(boolean fullscreen) {
                // Your code to handle the full-screen change, for example showing and hiding the title bar. Example:
                if (fullscreen) {
                    getSupportActionBar().hide();
                    WindowManager.LayoutParams attrs = getWindow().getAttributes();
                    attrs.flags |= WindowManager.LayoutParams.FLAG_FULLSCREEN;
                    attrs.flags |= WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON;
                    getWindow().setAttributes(attrs);
                    if (android.os.Build.VERSION.SDK_INT >= 14) {
                        //noinspection all
                        getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LOW_PROFILE);
                    }
                } else {
                    getSupportActionBar().show();
                    WindowManager.LayoutParams attrs = getWindow().getAttributes();
                    attrs.flags &= ~WindowManager.LayoutParams.FLAG_FULLSCREEN;
                    attrs.flags &= ~WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON;
                    getWindow().setAttributes(attrs);
                    if (android.os.Build.VERSION.SDK_INT >= 14) {
                        //noinspection all
                        getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_VISIBLE);
                    }
                }
 
            }
        });
        web.setWebChromeClient(webChromeClient);
        web.getSettings().setPluginState(WebSettings.PluginState.ON);
        web.getSettings().setJavaScriptEnabled(true);
        setTextSizeWebView(getTextSize());
 
        MineAsynctask as = new MineAsynctask();
        as.execute("http://www.eminem.pro/eproapi/get_post/?id=" + getUrlFromIntent());
 
 
    }
 
    public void setTextSizeWebView(int textSize) {
        switch (textSize) {
            case Constants.TEXT_SIZE_SMALL:
                web.getSettings().setTextSize(WebSettings.TextSize.SMALLEST);
                break;
            case Constants.TEXT_SIZE_NORMAL:
                web.getSettings().setTextSize(WebSettings.TextSize.NORMAL);
                break;
            case Constants.TEXT_SIZE_LARGE:
                web.getSettings().setTextSize(WebSettings.TextSize.LARGER);
                break;
        }
    }
 
    public int getTextSize() {
        int textSize = SharedPrefTextFormat.getInstance(this).getTextSize();
        if (textSize == 0) {
            SharedPrefTextFormat.getInstance(this).putNextTextSize();
            return SharedPrefTextFormat.getInstance(this).getTextSize();
        } else {
            return textSize;
        }
    }
 
    @Override
    public void onBackPressed() {
        // Notify the VideoEnabledWebChromeClient, and handle it ourselves if it doesn't handle it
        if (!webChromeClient.onBackPressed()) {
            if (web.canGoBack()) {
                web.goBack();
            } else {
                // Standard back button implementation (for example this could close the app)
                super.onBackPressed();
            }
        }
    }
 
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        MenuInflater inflater = getMenuInflater();
        inflater.inflate(R.menu.menu_web, menu);
        return true;
    }
 
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case R.id.action_text_format:
                SharedPrefTextFormat.getInstance(this).putNextTextSize();
                setTextSizeWebView(getTextSize());
                return false;
            case R.id.action_link:
                Intent sharingIntent = new Intent(android.content.Intent.ACTION_SEND);
                sharingIntent.setType("text/plain");
                String shareBody = "Here is the share content body";
                sharingIntent.putExtra(android.content.Intent.EXTRA_SUBJECT, "Subject Here");
                sharingIntent.putExtra(android.content.Intent.EXTRA_TEXT, shareBody);
                startActivity(Intent.createChooser(sharingIntent, "Share via"));
                return false;
            default:
                break;
        }
 
        return false;
    }
 
 
    private int getUrlFromIntent() {
        Bundle extras = getIntent().getExtras();
        int idNews = 0;
        if (extras != null) {
            idNews = extras.getInt("KEY_ID");
        }
        return idNews;
    }
 
    class MineAsynctask extends AsyncTask<String, Void, Void> {
 
        String parseHtml = null;
 
        @Override
        protected void onPreExecute() {
            Log.d("Asynctask", "Start");
 
        }
 
        @Override
        protected Void doInBackground(String... params) {
 
            downloadListNews(params[0]);
 
            return null;
        }
 
 
        public void downloadListNews(String url) {
 
            JSONArray array = null;
            JSONObject obj = null;
            try {
                obj = new JSONObject(makeServiceCall(url)); //Jsoup.connect("http://www.eminem.pro/eproapi/get_post/?id=21659").get().toString()
                array = obj.getJSONArray("content");
 
            } catch (JSONException e) {
                e.printStackTrace();
            } catch (IOException e) {
                e.printStackTrace();
            }
 
            for (int i = 0; i < array.length(); i++) {
 
                try {
                    parseHtml = array.getJSONObject(i).get("content").toString();
                    Log.d("PARSER2", parseHtml);
                } catch (JSONException e) {
                    e.printStackTrace();
                }
            }
        }
 
        public String makeServiceCall(String url1) throws IOException {
            InputStream is = null;
 
            URL url = new URL(url1);
            HttpURLConnection conn = (HttpURLConnection) url.openConnection();
            conn.setReadTimeout(10000 /* milliseconds */);
            conn.setConnectTimeout(15000 /* milliseconds */);
            conn.setRequestMethod("GET");
            conn.setDoInput(true);
            // Starts the query
            conn.connect();
            is = conn.getInputStream();
            StringWriter writer = new StringWriter();
            IOUtils.copy(is, writer, encoding);
            String contentAsString = writer.toString();
 
            return contentAsString;
        }
 
        @Override
        protected void onPostExecute(Void ignore) {
            parseHtml = "<link rel="stylesheet" type="text/css" href="style.css" />" + parseHtml;
            web.loadDataWithBaseURL("file:///android_asset/", parseHtml, mime, encoding, null);
        }
    }
 
 
}
XML
XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.themobilebakery.isus.gui.WebViewActivity">
 
 
 
    <android.support.v4.widget.NestedScrollView
        android:id="@+id/nonVideoLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior">
 
 
        <example.kinder.eminem_pro.VideoEnabledWebView
            android:id="@+id/webView"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
 
    </android.support.v4.widget.NestedScrollView>
 
    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
 
 
        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            android:minHeight="0dp"
            app:layout_scrollFlags="scroll|enterAlways">
 
 
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/ic_back_api" />
 
        </android.support.v7.widget.Toolbar>
 
    </android.support.design.widget.AppBarLayout>
 
    <RelativeLayout
        android:id="@+id/videoLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        >
 
        <!-- View that will be shown while the fullscreen video loads. For example you could include
        a "Loading..." message. However, in this particular example this view is actually defined in
        view_loading_video.xml and inflated programmatically in ExampleActivity.java. The reason for
        this is to keep the main layout (this file) cleaner. -->
        <!-- <View
            android:id="@+id/videoLoading"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:visibility="invisible" /> -->
 
    </RelativeLayout>
 
 
</android.support.design.widget.CoordinatorLayout>
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
18.12.2015, 13:59
Ответы с готовыми решениями:

Белое поле на мобильных устройствах
Добрый вечер. Пытаюсь допилить достаточно кривой в плане адаптивности шаблон Wordpress. Все бы...

CSS как убрать белое поле
Подскажите как убрать белое поле при уменьшения экрана браузера, оно появляется с правой стороны. +...

Белое поле справа при масштабировании
Добрый день! Снова обращаюсь к вам за помощью. В общем сверстал шаблон, но при маcштабировании...

Вёрстка: белое поле слева от центрального блока
Фон страницы серый, есть блок с высотой 100px и шириной 700px, установленный по центру margin:...

21
535 / 504 / 114
Регистрация: 12.03.2014
Сообщений: 1,671
18.12.2015, 14:13 2
Никита Гриб, а зачем webView оборачивать в NestedScrollView? Там же ничего больше нет.
0
2 / 2 / 0
Регистрация: 10.08.2014
Сообщений: 36
18.12.2015, 14:16  [ТС] 3
Spelcrawler, честно говоря у меня не получилось подругому сделать плавающий тулбар
0
535 / 504 / 114
Регистрация: 12.03.2014
Сообщений: 1,671
18.12.2015, 14:17 4
А если
XML
1
app:layout_behavior="@string/appbar_scrolling_view_behavior"
перенести в WebView?
0
2 / 2 / 0
Регистрация: 10.08.2014
Сообщений: 36
18.12.2015, 15:07  [ТС] 5
Spelcrawler, Spelcrawler, Всё равно не задвигается

Добавлено через 42 минуты
Spelcrawler, сделал вместо coordinatorLayout LinearLayout. все нормально работает пропало пространство снизу. можно ли как нибудь програмно скролить тулбар. Или для этого отец должен быть coordinator?
0
535 / 504 / 114
Регистрация: 12.03.2014
Сообщений: 1,671
18.12.2015, 15:10 6
Никита Гриб, а если покрасить NestedScrollView в красный цвет (background="#F00"), поле снизу красное станет?
0
2 / 2 / 0
Регистрация: 10.08.2014
Сообщений: 36
18.12.2015, 15:14  [ТС] 7
Spelcrawler, пробовал уже такое . Остаётся белым. И если coordinator покрасить тоже белым остаётся
0
535 / 504 / 114
Регистрация: 12.03.2014
Сообщений: 1,671
18.12.2015, 15:19 8
Никита Гриб, а если высоту WebView сделать wrap_content?
0
2 / 2 / 0
Регистрация: 10.08.2014
Сообщений: 36
18.12.2015, 15:25  [ТС] 9
Spelcrawler, тоже не помогло.
Spelcrawler, сделал вместо coordinatorLayout LinearLayout. все нормально работает пропало пространство снизу. можно ли как нибудь програмно скролить тулбар. Или для этого отец должен быть coordinator?
0
535 / 504 / 114
Регистрация: 12.03.2014
Сообщений: 1,671
18.12.2015, 16:08 10
Цитата Сообщение от Никита Гриб Посмотреть сообщение
можно ли как нибудь програмно скролить тулбар. Или для этого отец должен быть coordinator?
Незнаю не пробовал.
Цитата Сообщение от Никита Гриб Посмотреть сообщение
тоже не помогло.
А поле то красное или белое так же?
0
2884 / 2296 / 769
Регистрация: 12.05.2014
Сообщений: 7,978
18.12.2015, 16:13 11
а что делает ImageView внутри AppBarLayout ?
врятли это причина, но его там не должно быть
0
2 / 2 / 0
Регистрация: 10.08.2014
Сообщений: 36
18.12.2015, 16:17  [ТС] 12
Spelcrawler, белое поле осталось
Паблито, это кнопка назад
0
2884 / 2296 / 769
Регистрация: 12.05.2014
Сообщений: 7,978
18.12.2015, 18:19 13
кнопка назад так не делается, но ладно

а если тулбару поставить
XML
1
            android:minHeight="?attr/actionBarSize"
полоска останется?

Добавлено через 1 час 48 минут
насчет кнопки назад
1. удалить эту вьюшку из AppBarLayout
2. xml тулбара
Кликните здесь для просмотра всего текста
XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
 
        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            android:minHeight="?attr/actionBarSize"
            app:layout_scrollFlags="scroll|enterAlways"
            app:navigationIcon="@drawable/ic_back_api">
        </android.support.v7.widget.Toolbar>
 
    </android.support.design.widget.AppBarLayout>

3. код из onCreate про тулбар
Кликните здесь для просмотра всего текста
Java
1
2
3
4
5
6
7
8
9
10
        toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        ActionBar bar = getSupportActionBar();
        if (bar != null) bar.setDisplayShowTitleEnabled(false);
        toolbar.setNavigationOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                finish(); // ну или что там надо делать
            }
        });
0
535 / 504 / 114
Регистрация: 12.03.2014
Сообщений: 1,671
18.12.2015, 18:23 14
Цитата Сообщение от Паблито Посмотреть сообщение
3. код из onCreate про тулбар
Можно проще
Java
1
2
3
toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
Кнопка появится и при нажатии будет вызывать onBackPressed().
0
2884 / 2296 / 769
Регистрация: 12.05.2014
Сообщений: 7,978
18.12.2015, 18:30 15
если в разметке нет дровера - иконки не будет
так ведь?

и я всегда делаю проверку на null если в методе говорится что он может вернуть null, на всякий
да и не нравится когда ide что-то подсвечивает желтым
0
535 / 504 / 114
Регистрация: 12.03.2014
Сообщений: 1,671
18.12.2015, 18:39 16
Паблито, тулбара, наверно, не дровера) Если его не будет - вылетит с NPE. Проверку пропустил, да в коде проверяю.
1
2884 / 2296 / 769
Регистрация: 12.05.2014
Сообщений: 7,978
18.12.2015, 18:45 17
нет, именно дровера
у меня если нет в разметке дровера то строчки getSupportActionBar().setDisplayHomeAsUpEnabled(true);
недостаточно для показа иконки в тулбаре

попробуй выпилить дровер (как у ТСа в примере, нет его) и вывести иконку )
0
535 / 504 / 114
Регистрация: 12.03.2014
Сообщений: 1,671
18.12.2015, 18:48 18
Нормально работает, у меня дровер в мейн активити переключает фрагменты, а из фрагментов иногда вызываю другие активити в которых нет дровера и все нормально.
1
Pablito
18.12.2015, 18:50
  #19

Не по теме:

хех, точно, работает
куда мои глаза смотрели
я в принципе так всегда и делал, но когда проверял его разметку - у меня почему-то перестало показывать иконку и я начал извращаться

0
2 / 2 / 0
Регистрация: 10.08.2014
Сообщений: 36
18.12.2015, 19:29  [ТС] 20
Spelcrawler, Паблито, Парни я эту кнопку на обум ляпнул вообще. Чего мне с WebView то делать?
0
18.12.2015, 19:29
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
18.12.2015, 19:29
Помогаю со студенческими работами здесь

Часто вместо изображения товара на странице каталога отображается белое поле
Есть простенький каталог товаров. Часто при просмотре списка товаров вместо изображения товара...

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

У Маши платье не белое, а у Кати платье не белое и не желтое. Какого цвета платье на каждой девочке?
1. Три девочки Маша, Катя и Лена одеты в платья разных цветов — синее, желтое и белое. У Маши...

Qt creator. Есть файл aboutDialog.cpp/h с webview, как получить доступ к webview из mainWindow ?
aboutDialog.h #ifndef ABOUTDIALOG_H_ #define ABOUTDIALOG_H_ #include &lt;QtGui/QDialog&gt;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
20
Ответ Создать тему
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru