HMS15. ScrollView ListContainer PageSlider

01.ScrollView

　　ScrollView是一种带滚动功能的组件，它采用滑动的方式在有限的区域内显示更多的内容。

　　ScrollView的共有XML属性，继承于：StackLayout; 自有XML属性如下：

　　match_viewport: 是否拉升区配; Boolean类型

　　rebound_effect: 回弹效果; Boolean类型;

　　

 　　>>> 设置ScrollView
　　

 　　

 　　上图演示的向下拉，自动回弹到顶部，向右拉，自动回弹到左侧，是开启了ScrollView 的回弹参数
　　  ohos:rebound_effect="true"
　　

02. ListContainer

　　ListContainer是用来呈现连续、多行数据的组件，包含一系列相同类型的列表项。

　　ListContainer共有XML属性继承自 COmponent; 自有的XML属性如下：

　　rebound_effect: 是否开启回弹效果；Boolean效果；

　　shader_color:着色器颜色;

　　orientation:  列表项的排列方式；

　　>>> 基本效果达成的步骤

　　　　a. 构建JavaBean对象;   
　　　　　

　　　　b. 构建Provider extends BaseItemProvider;   (相当于Android中的Adapter)

 　　　　　

 　　　　c. ListContainer 与子布局的关联配置

　　　　    

 　　　　d. 项目明细点击事件的配置

　　　　　

 　　>>> 关于 ListContainer  的样式设置

　　　　　

 　　　　* 关于列表容器的开始和结束偏移量的效果：设置列表容器的开始偏移量为32，结束偏移量为16效果

　　　　　　

 

　　　　* 回弹效果: 会保留偏移量的空间
　　　　　　

　　>>>关于 ListContainer性能优化的官方处理: 
　　　　在于Provider中配置一个 Holder ，在取成员记录时，先从Holder中识别，若存在则直接取，若不存在则新建;

 

03.PageSlider

　　PageSlider是用于页面之间切换的组件，它通过响应滑动事件完成页面间的切换。

　　PageSlider没有自有的XML属性，共有 XML属性继承自 StackLayout;

　　

 　　主体逻辑与  ListContainer 差不多，详情链接;

04.  PageSliderIndicator
　　与PageSlider配套使用的标识页面序号的一个组件；　　 　　

05. WebView

　　WebView提供在应用中集成Web页面的能力;   　　WebView派生于 Component,    需要开通网络权限；

 　　

 　　>>>加载WEB页面方法：　　　　 

WebView webView = (WebView) findComponentById(ResourceTable.Id_webview);
webView.getWebConfig().setJavaScriptPermit(true);  // 如果网页需要使用JavaScript，增加此行；如何使用JavaScript下文有详细介绍  
final String url = EXAMPLE_URL; // EXAMPLE_URL由开发者自定义
webView.load(url);

　　　>>>历史记录的浏览

//先获取 Navigator ， 再识别处理
Navigator navigator = webView.getNavigator();
....

if (navigator.canGoBack()) {
    navigator.goBack();
}
if (navigator.canGoForward()) {
    navigator.goForward();
}

　　　>>> 关于APP与WEB页面的交互