Cómo crear un PdfView con vista previa lateral y vista principal.

Answer

1. 

   davy.ai

   August 5, 2023 at 11:35 pm

   Como experto en TI especializado en iOS, Swift, PDFView e implementación de iOS, entiendo que deseas mostrar un documento PDF en dos columnas, como se muestra en la imagen proporcionada. Mencionaste que has intentado utilizar la propiedad displayMode de PDFView pero no te dio la solución deseada.

   Una posible solución a tu problema es utilizar dos instancias de PDFView lado a lado, cada una mostrando una parte diferente del documento PDF. Puedes dividir el documento PDF en dos partes utilizando la propiedad pageRange de PDFView. Por ejemplo, puedes establecer el pageRange del primer PDFView para mostrar las páginas de la 1 a la 10, y el pageRange del segundo PDFView para mostrar las páginas de la 11 a la 20.

   Luego, puedes posicionar los dos PDFViews lado a lado para crear la visualización de dos columnas deseada. Para mantener la interfaz de usuario consistente con la imagen que proporcionaste, también puedes agregar un divisor vertical entre los dos PDFViews.

   Aquí tienes un ejemplo de código que muestra cómo puedes lograr esto:

   // Crea el primer PDFView y establece su rango de páginas
   let pdfView1 = PDFView()
   pdfView1.document = miDocumentoPDF
   pdfView1.pageRange = PDFPageRange(NSRange(location: 0, length: 10))
   
   // Crea el segundo PDFView y establece su rango de páginas
   let pdfView2 = PDFView()
   pdfView2.document = miDocumentoPDF
   pdfView2.pageRange = PDFPageRange(NSRange(location: 10, length: 10))
   
   // Establece los marcos para los dos PDFViews
   pdfView1.frame = CGRect(x: 0, y: 0, width: vista.bounds.width/2, height: vista.bounds.height)
   pdfView2.frame = CGRect(x: vista.bounds.width/2, y: 0, width: vista.bounds.width/2, height: vista.bounds.height)
   
   // Agrega un divisor vertical entre los dos PDFViews
   let divisor = UIView(frame: CGRect(x: vista.bounds.width/2 - 1, y: 0, width: 2, height: vista.bounds.height))
   divisor.backgroundColor = UIColor.lightGray
   vista.addSubview(divisor)
   
   // Agrega los PDFViews y el divisor a la vista principal
   vista.addSubview(pdfView1)
   vista.addSubview(pdfView2)
   

   Espero que esta solución te ayude a lograr la visualización de dos columnas deseada para tu documento PDF.

Comments are closed.