2012-06-04 40 views
2

我從保羅Siegmann http://www.siegmann.nl/epublib/android渲染上的WebView的HTML元素對於EPUB閱讀器

製作的ePub讀者與圖書館我提取目錄表爲ListView,並且該項目被鏈接到WebView,顯示所選章節的內容。

在顯示只有純文本元素的E-Pub文件時沒有發現任何問題,但是當涉及到包含Html元素(鏈接,圖像)的E-Pub文件時,它無法顯示。

有人知道如何根據我的情況在WebView上呈現Html元素嗎?

這裏是我的課:

public class EPubReaderActivity extends ListActivity 
{ 

private LayoutInflater inflater; 
private List<RowData> contentDetails; 
public static final String BOOK_NAME = "ferring.epub"; 

/** Called when the activity is first created. */ 
@Override 
public void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.main); 
    inflater = (LayoutInflater) getSystemService(Activity.LAYOUT_INFLATER_SERVICE); 
    contentDetails = new ArrayList<RowData>(); 
    AssetManager assetManager = getAssets(); 
    try { 
     InputStream epubInputStream = assetManager.open(BOOK_NAME); 
     Book book = (new EpubReader()).readEpub(epubInputStream); 
     logContentsTable(book.getTableOfContents().getTocReferences(), 0); 
    } catch (IOException e) { 
     Log.e("epublib", e.getMessage()); 
    } 

    CustomAdapter adapter = new CustomAdapter(this, R.layout.list, 
      R.id.title, contentDetails); 
    setListAdapter(adapter); 
    getListView().setTextFilterEnabled(true); 
} 

private class CustomAdapter extends ArrayAdapter<RowData>{ 

    public CustomAdapter(Context context, int resource, 
      int textViewResourceId, List<RowData> objects) { 
     super(context, resource, textViewResourceId, objects); 
    } 

    private class ViewHolder{ 
     private View row; 
     private TextView titleHolder = null; 

     public ViewHolder(View row) { 
      super(); 
      this.row = row; 
     } 

     public TextView getTitle() { 
      if(null == titleHolder) 
       titleHolder = (TextView) row.findViewById(R.id.title); 
      return titleHolder; 
     } 
    } 

    @Override 
    public View getView(int position, View convertView, ViewGroup parent) { 
     ViewHolder holder = null; 
     TextView title = null; 
     RowData rowData = getItem(position); 
     if(null == convertView){ 
      convertView = inflater.inflate(R.layout.list, null); 
      holder = new ViewHolder(convertView); 
      convertView.setTag(holder); 
     } 
     holder = (ViewHolder) convertView.getTag(); 
     title = holder.getTitle(); 
     title.setText(rowData.getTitle()); 
     return convertView; 
    } 

} 

private void logContentsTable(List<TOCReference> tocReferences, int depth) { 
    if (tocReferences == null) { 
     return; 
    } 
    for (TOCReference tocReference:tocReferences) { 
     StringBuilder tocString = new StringBuilder(); 
     for (int i = 0; i < depth; i++) { 
      tocString.append("\t"); 
     } 
     tocString.append(tocReference.getTitle()); 
     RowData row = new RowData(); 
     row.setTitle(tocString.toString()); 
     row.setResource(tocReference.getResource()); 
     contentDetails.add(row); 
     logContentsTable(tocReference.getChildren(), depth + 1); 
    } 
} 

private class RowData{ 
    private String title; 
    private Resource resource; 

    public RowData() { 
     super(); 
    } 

    public String getTitle() { 
     return title; 
    } 

    public Resource getResource() { 
     return resource; 
    } 

    public void setTitle(String title) { 
     this.title = title; 
    } 

    public void setResource(Resource resource) { 
     this.resource = resource; 
    } 

} 



@Override 
protected void onListItemClick(ListView l, View v, int position, long id) { 
    super.onListItemClick(l, v, position, id); 
    RowData rowData = contentDetails.get(position); 
    Intent intent = new Intent(EPubReaderActivity.this, ContentViewActivity.class); 
    try { 
     intent.putExtra("display", new String(rowData.getResource().getData())); 
    } catch (IOException e) { 
     // TODO Auto-generated catch block 
     e.printStackTrace(); 
    } 
    startActivity(intent); 

} 

} 

內容類:

public class ContentViewActivity extends Activity { 

WebView webView; 

@Override 
protected void onCreate(Bundle savedInstanceState) { 
    // TODO Auto-generated method stub 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.content); 

    webView = (WebView) findViewById(R.id.web); 
    webView.getSettings().setJavaScriptEnabled(true); 

    String displayString = getIntent().getExtras().getString("display"); 
    if(displayString != null) 
     webView.loadData(displayString, "text/html", "utf-8"); 
} 
} 

PS:我不想使用PageTurner(http://www.pageturner-reader.org/ )或FBReader(http://www.fbreader.org/FBReaderJ),因爲它們都需要GPL許可證用於商業用途。

回答

2

實際上,PageTurner的Html呈現部分被拆分爲一個Apache許可的獨立庫。

我特別這麼做,因爲我認爲它對商業項目也是有用的。

渲染庫是在這裏: http://github.com/nightwhistler/htmlspanner

+0

嘿你怎麼添加這個htmlspanner項目到主電子書閱讀器項目。它的Java文件夾,所以我需要將它添加爲外部壓縮jar? – Atihska