如何根据 UI 和 UX 在 WebView 中显示 pdf - iOS Swift

哈贝德

应用程序简介:该应用程序解析 html 文档并将其作为 Web 视图加载到应用程序中。

在 iOS 应用中,我喜欢显示 PDF 文件。有一个结构 XML 将包含整个结构。

案例 1:对于一个简单的 PDF 文件,它在 structure.xml 中将如下所示

<node id="Nc13d37aa" node_id="82cd790d-e5f0-4ee6-a26c-a6e400af8541" type="publication" default="TEST_Pub" secured="false">
                <language name="en-GB" path="X-BIKE-401/en-GB/publications/TEST_Pub-003.00.pdf">
                  <title>(Test-)Publication</title>
                </language>
              </node>

案例 2:在更复杂的情况下,一份出版物可能包含所谓的 ATI(附加技术信息) 这看起来像这样:

<node id="Nd747c4dc" node_id="b4528fb8-c615-4b96-945d-a5af009325f2" type="publication" default="TEST_Pub_ATI" secured="false">
                <language name="en-GB" path="X-BIKE-401/en-GB/publications/TEST_Pub_ATI-003.00.pdf">
                  <title>(Test-)Publication with ATI</title>
                  <atis>
                    <ati id="ati584a41ee" internal_id="af720ef4-5238-4fb4-ba8b-a5ae00debfae" code="Test_ATI" type="Service Letter" required="false" issuecode="Test_ATI_03" issuenumber="3" revisionnumber="0" href="X-BIKE-401\en-GB\ati\Test_ATI-003.00.pdf">(Test-)ATI</ati>
                  </atis>
                </language>
              </node>

这里的想法是,我们有额外的遗留文档伴随着遗留出版物。这里的想法是,我们显示正常的遗留出版物,但在视图中有一个额外的区域,指示用户,有 ATI,以及让他查看 ATI 的方法 - 但也可以回到原始版本出版物。ATI 通常是一些信息

情况 3:还有一种情况,即一个或多个 ATI 是强制性的。这意味着,用户需要先阅读并确认这些内容,然后才能阅读实际的出版物。这将是这样的:

<node id="N5a3c00f" node_id="09fe8d7b-a95d-4da8-bf06-a5af00933ddc" type="publication" default="TEST_Pub_mATI" secured="false">
                <language name="en-GB" path="X-BIKE-401/en-GB/publications/TEST_Pub_mATI-003.00.pdf">
                  <title>(Test-)Publication with MANDATORY ATI</title>
                  <atis>
                    <ati id="ati35c8ee0e" internal_id="60dfaa70-f017-44ea-9190-a5ae00df2494" code="Test_ATI_MAND1" type="Service Bulletin" required="true" issuecode="Test_mATI_03" issuenumber="3" revisionnumber="0" href="X-BIKE-401\en-GB\ati\Test_ATI_MAND1-003.00.pdf">(Test-)ATI1 (MANDATORY)</ati>
                    <ati id="atic771b1b6" internal_id="d1cffa4b-b1be-4bbb-8dc0-a743010cf246" code="Test_ATI_MAND2" type="Service Bulletin" required="true" issuecode="Test_mATI2_01" issuenumber="1" revisionnumber="0" href="X-BIKE-401\en-GB\ati\Test_ATI_MAND2-001.00.pdf">(Test-)ATI2 (MANDATORY)</ati>
                  </atis>
                </language>
              </node>

您可以看到,这两个将@required 设置为“true”。在这种情况下,我们需要首先显示第一个 ATI,请求用户在他阅读的某处“确认”。转到下一个所需的 ATI 并符合此要求。一旦他确认了所有的 ATI,他就可以查看出版物本身。他仍然需要能够重新打开 ATI(类似于上一点)并再次查找它们 - 无需再次确认。一旦发布关闭,用户需要重新确认。

问题: 对于案例 2 和 3,这会是什么样子?它的模型会怎样?理想情况下,建议的解决方案在 UI 和 UX 方面最好。

肖巴卡尔·蒂瓦里

我可以这样建议你,它可能会解决你的问题:

情况1 :

只需获取一个 UIWebView 并显示 PDF url 链接,WebView 就会完美呈现它。

案例2:

在情况 2 中,您首先显示情况 1,其中显示简单的 PDF 并通过呈现 Web 视图来显示它,但是此 PDF 具有称为 ATI 的额外信息,我们需要以某种方式在 Web 视图上显示它。因此,例如一个按钮,当您单击它时,它会在弹出窗口中显示额外信息,然后应该导航回原始 PDF

案例3:

使用一些 Image Flipper 库来显示多个 pdf 文档,您可以在其中显示某种信息以确认用户有多个文档可供导航。

对于 Flipper,请遵循此库:https : //cocoapods.org/pods/DJKFlipper

谢谢。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用 Swift 在 WebView 中查找和突出显示文本

来自分类Dev

ios8 w / swift仅iPad UX / UI设计

来自分类Dev

如何为iOS UIButton对象实现此UI / UX设计

来自分类Dev

iOS Swift:如何隐藏和显示 UIViewController 中的按钮

来自分类Dev

使用WebView ios显示下载的PDF文件

来自分类Dev

使用WebView ios显示下载的PDF文件

来自分类Dev

如何从 URL 显示 PDF 文件并在 WebView 中显示

来自分类Dev

如何在Swift中显示来自NSData的PDF-如何将PDF保存到文档文件夹Swift-如何在Swift中通过WebView显示来自已保存NSData的PDF

来自分类常见问题

Swift iOS-使用PDFKit和UI将文本覆盖到PDF

来自分类Dev

Swift iOS-使用PDFKit和UI将文本覆盖到PDF

来自分类Dev

Swift:如何在iOS UIWebView中显示具有多个页面的远程PDF文件?

来自分类Dev

如何在Windows Phone 8的WebView中根据月份的日期和时间显示不同的html页面:

来自分类Dev

在android的webview中显示pdf

来自分类Dev

如何在Swift UI中显示STPPaymentOptionsViewController

来自分类Dev

使用Swift在iOS UI中显示音乐Unicode符号

来自分类Dev

如何在Swift / iOS的UI测试中遍历元素?

来自分类Dev

iOS Swift Tableview:-如何根据内容显示单元格?

来自分类Dev

如何在Android中从WebView创建PDF?

来自分类Dev

如何在Android中从WebView创建PDF?

来自分类Dev

ios-在webview中创建和加载pdf

来自分类Dev

Xcode UI测试-如何在WebView中查找和点按()元素

来自分类Dev

Textfield不在iOS7中的UI WebView中关注

来自分类Dev

在Webview中显示pdf不起作用

来自分类Dev

PDF 到 html 和 webview

来自分类Dev

(Android和Ios)Webview选择文本并突出显示

来自分类Dev

如何在Swift的UI PickerView组件中显示图像?

来自分类Dev

如何在MVC中同时返回PDF和显示网页

来自分类Dev

从 pdf 数据在 iOS 中显示 PDF

来自分类Dev

如何从iOS调用WebView中的JavaScript

Related 相关文章

  1. 1

    如何使用 Swift 在 WebView 中查找和突出显示文本

  2. 2

    ios8 w / swift仅iPad UX / UI设计

  3. 3

    如何为iOS UIButton对象实现此UI / UX设计

  4. 4

    iOS Swift:如何隐藏和显示 UIViewController 中的按钮

  5. 5

    使用WebView ios显示下载的PDF文件

  6. 6

    使用WebView ios显示下载的PDF文件

  7. 7

    如何从 URL 显示 PDF 文件并在 WebView 中显示

  8. 8

    如何在Swift中显示来自NSData的PDF-如何将PDF保存到文档文件夹Swift-如何在Swift中通过WebView显示来自已保存NSData的PDF

  9. 9

    Swift iOS-使用PDFKit和UI将文本覆盖到PDF

  10. 10

    Swift iOS-使用PDFKit和UI将文本覆盖到PDF

  11. 11

    Swift:如何在iOS UIWebView中显示具有多个页面的远程PDF文件?

  12. 12

    如何在Windows Phone 8的WebView中根据月份的日期和时间显示不同的html页面:

  13. 13

    在android的webview中显示pdf

  14. 14

    如何在Swift UI中显示STPPaymentOptionsViewController

  15. 15

    使用Swift在iOS UI中显示音乐Unicode符号

  16. 16

    如何在Swift / iOS的UI测试中遍历元素?

  17. 17

    iOS Swift Tableview:-如何根据内容显示单元格?

  18. 18

    如何在Android中从WebView创建PDF?

  19. 19

    如何在Android中从WebView创建PDF?

  20. 20

    ios-在webview中创建和加载pdf

  21. 21

    Xcode UI测试-如何在WebView中查找和点按()元素

  22. 22

    Textfield不在iOS7中的UI WebView中关注

  23. 23

    在Webview中显示pdf不起作用

  24. 24

    PDF 到 html 和 webview

  25. 25

    (Android和Ios)Webview选择文本并突出显示

  26. 26

    如何在Swift的UI PickerView组件中显示图像?

  27. 27

    如何在MVC中同时返回PDF和显示网页

  28. 28

    从 pdf 数据在 iOS 中显示 PDF

  29. 29

    如何从iOS调用WebView中的JavaScript

热门标签

归档