как создать горизонтальную полосу прокрутки в SAP-ui5, используя xml или Javascript - PullRequest
0 голосов
/ 27 мая 2020

 <content>
            <ScrollContainer width="100%" horizontal="true" vertical="true" focusable="true">
            	<HBox id="idHBox"  width="99.9%"/>
            </ScrollContainer>
        </content>

это мой код на сайте XML, HBox - это родительский элемент, который включает элемент SVG, но проблема в том, что он просто показывает вертикальную полосу прокрутки, а горизонтальную нет

1 Ответ

0 голосов
/ 07 июля 2020

Каков абсолютный размер вашего изображения?

Вот небольшой пример.

Если вы измените ширину изображения, горизонтальная полоса прокрутки появляется / исчезает (например, ширина: "100% ")

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta charset="utf-8">
        <script src="https://openui5.hana.ondemand.com/resources/sap-ui-core.js" 
            id="sap-ui-bootstrap"
            data-sap-ui-libs="sap.m" 
            data-sap-ui-theme="sap_belize"></script>
        <script>
            var app = new sap.m.App();
            var oImage = new sap.m.Image({
                width: "3000px",
                height: "300px",
                src:"https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/alphachannel.svg"        
            });
            
            var oHbox = new sap.m.HBox({
                width: "100%",
                items : [oImage]
            });
            
            var oScroll1 = new sap.m.ScrollContainer({
                width:"100%",
                focusable:true,
                vertical:true,
                horizontal:true,
                content : [oHbox]
            });

            var page = new sap.m.Page({
                content : [oScroll1]
            });
            
            app.addPage(page);
            app.placeAt('content')
        </script>
    </head>
    <body id="content" class="sapUiBody">
    </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...