我们在利用WPS文档和Word文档进行日常办公时，如果文档有多页的话，那么正常情况下我们查看文档的时候，只能看到一部分，随时拖动才能继续看，那么对于有些朋友来说未免效率有些底下，那么我们如何将页面进行一目了然的处理呢，今天我们就来教大家，如何在WPS文档和Word文档当中在一版内显示多个页面，具体怎么操作呢，一起来学习一下吧。
如何在一版内显示多个页面
首先，我们看到如下文档，这篇文档总共有八页，正常情况下，我们需要随时拖动才能查看。
接下来，我们可以单击工具栏视图下的多页选项，如下图所示位置。
单击后，我们就发现，刚才只显示一页纸，现在变成了两页纸同时排列。那么，如果我们觉得两页也还是少呢？
当然可以，我们按住键盘当中的Ctrl键，然后滑动鼠标，就可以将文档设置成显示更多页，也可以直接单击右下角，将百分比调小。
那么，在WPS文档和Word文档当中在一版内显示多个页面的方法，是不是非常简单呢，你学会了吗？

今天项目要求在一个页面中显示多个activity，在网上差了些资料，整理并写了个demo测试了，功能实现了。
首先主界面要用GroupActivity,他是系统中继承Activity的一个类，详细的查看sdk文档。关键就是用到了一个LocationActivityManager类，对GroupActivity的子类进行管理。
MainActivity.javas实现：
package com.android.qiu.activitygroup;


import android.app.ActivityGroup;

import android.app.LocalActivityManager;

import android.content.Intent;

import android.os.Bundle;

import android.util.Log;

import android.view.View;

import android.view.Window;

import android.view.ViewGroup.LayoutParams;

import android.widget.LinearLayout;

import android.widget.RadioButton;

import android.widget.RadioGroup;

import android.widget.RelativeLayout;

import android.widget.RadioGroup.OnCheckedChangeListener;


public class MainActivity extends ActivityGroup {

    private final String TAG = "MainActivity";

    private RadioGroup radiogroup;

    private RadioButton radioBtn1;

    private RadioButton radioBtn2;

    private LocalActivityManager activitymanager;

    private LinearLayout layout_load;


    @Override

    protected void onCreate(Bundle savedInstanceState) {

        // TODO Auto-generated method stub

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

        radiogroup = (RadioGroup) findViewById(R.id.mainRadioGroup);

        radioBtn1 = (RadioButton) findViewById(R.id.radioBtn1);

        radioBtn2 = (RadioButton) findViewById(R.id.radioBtn2);

        activitymanager = getLocalActivityManager();

        layout_load = (LinearLayout) findViewById(R.id.LinearLayout);

        radiogroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {


            @Override

            public void onCheckedChanged(RadioGroup group, int checkedId) {

                // TODO Auto-generated method stub

                if (checkedId == radioBtn1.getId()) {

                    Intent intent = new Intent(MainActivity.this,

                            ActivityA.class);

                    intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);

                    Window w = activitymanager.startActivity("A", intent);

                    View v = w.getDecorView();

                    layout_load.removeAllViews();

                    layout_load.setPadding(5, 5, 5, 5);

//                    layout_load.addView(v);

                    layout_load

                            .addView(v, new LayoutParams(

                                    LayoutParams.FILL_PARENT,

                                    LayoutParams.WRAP_CONTENT));

                    Log.v(TAG, "******JJJJ");/*

                                             * layout_load.addView(v, new

                                             * RelativeLayout.LayoutParams(

                                             * RelativeLayout

                                             * .LayoutParams.FILL_PARENT,

                                             * LinearLayout

                                             * .LayoutParams.FILL_PARENT));

                                             */

                } else if (checkedId == radioBtn2.getId()) {

                    Intent intent2 = new Intent(MainActivity.this,

                            ActivityB.class);

                    intent2.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP);

                    Window w2 = activitymanager.startActivity("B", intent2);

                    View v2 = w2.getDecorView();

                    layout_load.removeAllViews();

                    layout_load.setPadding(5, 5, 5, 5);

//                    layout_load.addView(v2);

                    layout_load

                    .addView(v2, new LayoutParams(

                            LayoutParams.FILL_PARENT,

                            LayoutParams.WRAP_CONTENT));

                    Log.v(TAG, "******GGGG");

                }

            }

        });

    }


}
 
main.xml 文件：
<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:orientation="vertical" android:layout_width="fill_parent"

    android:layout_height="fill_parent">

    <RelativeLayout android:id="@+id/relativelayout"

        android:layout_width="fill_parent" android:layout_height="fill_parent">

        <LinearLayout android:id="@+id/LinearLayout"

            android:layout_width="wrap_content" android:layout_height="wrap_content" />


        <RadioGroup android:id="@+id/mainRadioGroup"

            android:layout_alignParentBottom="true" android:orientation="horizontal"

            android:layout_width="fill_parent" android:layout_height="wrap_content">

            <RadioButton android:id="@+id/radioBtn1"

                android:layout_width="wrap_content" android:layout_height="wrap_content"

                android:text="页面一"></RadioButton>

            <RadioButton android:id="@+id/radioBtn2"

                android:layout_width="wrap_content" android:layout_height="wrap_content"

                android:layout_marginLeft="20dip" android:text="页面二"></RadioButton>

        </RadioGroup>

    </RelativeLayout>

</LinearLayout>

 
ActivityA.java 实现：
package com.android.qiu.activitygroup;


import android.app.Activity;

import android.os.Bundle;

import android.view.View;

import android.widget.Button;

import android.widget.TextView;


public class ActivityA extends Activity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        // TODO Auto-generated method stub

        super.onCreate(savedInstanceState);

        setContentView(R.layout.layout);

        final TextView tv = (TextView)findViewById(R.id.tv2);

        Button change = (Button)findViewById(R.id.changeBtn);

        change.setOnClickListener(new View.OnClickListener() {

            

            @Override

            public void onClick(View v) {

                // TODO Auto-generated method stub

                tv.setText("在自己的activity中相应");

            }

        });

    }


}
 
layout.xml文件：
<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:orientation="vertical"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    >

    <TextView android:text="页面二"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:id="@+id/tv2"

    ></TextView>

    <Button android:id="@+id/changeBtn"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:text="改变"

    ></Button>

</LinearLayout>

 
ActivityB.java实现：
package com.android.qiu.activitygroup;


import android.app.Activity;

import android.os.Bundle;


public class ActivityB extends Activity {

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        // TODO Auto-generated method stub

        super.onCreate(savedInstanceState);

        setContentView(R.layout.layout1);

    }


}
 
layout1.xml文件：
<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:orientation="vertical"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    >

    <TextView android:text="页面一"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    ></TextView>

</LinearLayout>

最近小编开发前端页面,根据需求做一个统计分析的页面.


需求是:Echarts实现一个html页面同时显示多个图表,布局为左右,右边有分上下的布局.


 如图所示:



参考文档:https://www.echartsjs.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts


 步骤:1.先进行div中布局样式的调整.

         2.在指定的div中进行图表数据的填充.

个人思路:先放一张图在各个布局中看看能不能处来,然后在每个布局中放同样的图是否都展示出来,展示出来后,对三个图中的数据进行替换,就ok!(如果怕一次性整好,图不出来或者出来不全,可以试试这个笨办法)

注意:要保证多个图表的id不一致,每一个div处要有宽和高否则图表出不来.


根据官网的案例:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <!-- 引入 ECharts 文件 -->
    <script src="echarts.min.js"></script>
</head>
</html>


<! --在绘图前我们需要为 ECharts 准备一个具备高宽的 DOM 容器。 -->

<body>
    <!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
    <div id="main" style="width: 600px;height:400px;"></div>
</body>


 <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));

        // 指定图表的配置项和数据
        var option = {
            dataset: {
        source: [
            ['score', 'amount', 'product'],
            [89.3, 58212, 'Matcha Latte'],
            [57.1, 78254, 'Milk Tea'],
            [74.4, 41032, 'Cheese Cocoa'],
            [50.1, 12755, 'Cheese Brownie'],
            [89.7, 20145, 'Matcha Cocoa'],
            [68.1, 79146, 'Tea'],
            [19.6, 91852, 'Orange Juice'],
            [10.6, 101852, 'Lemon Juice'],
            [32.7, 20112, 'Walnut Brownie']
           ]
        },
        grid: {containLabel: true},
        xAxis: {name: 'amount'},
        yAxis: {type: 'category'},
        visualMap: {
            orient: 'horizontal',
            left: 'center',
            min: 10,
            max: 100,
            text: ['High Score', 'Low Score'],
            // Map the score column to color
            dimension: 0,
        inRange: {
            color: ['#D7DA8B', '#E15457']
        }
    },
        series: [
        {
            type: 'bar',
            encode: {
                // Map the "amount" column to X axis.
                x: 'amount',
                // Map the "product" column to Y axis
                y: 'product'
                }
            }
        ]
    };


        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>

简单的进行记录,如果你也遇到跟我一样的问题,记得参考哦!

我们在编辑器PDF文档时，有时在文档页面较多需要用到页面的缩略图来快速预览并定位到相应页面，那么如何让PDF的缩略图显示呢?另外缩略图在编辑中还有哪些用途呢？
一、打开PDF缩略图
首先用极速PDF编辑器打开PDF文档，然后点击工具栏“缩略图”或快捷键F8，即可看到页面最左侧区域显示缩略图。
二、缩略图工具认识
打开缩略图后，在编辑器左侧显示缩略图面板，共有7个工具，可对文档页面进行相应操作：
点击缩略图右侧的针形按钮，可自动隐藏下方的工具栏，在此处面板单击鼠标右击，可设置隐藏的方式；点击关闭可直接关闭缩略图；
1.点击“旋转”按钮，旋转当前所在页面；
2.点击“+”，在当前文档中插入新页面；
3.点击“从文档中插入…”，将另一个文档页面插入当前页面中；
4.点击“从扫描仪插入…”，在链接扫描仪的情况下，从扫描仪插入新的页面；
5.点击“提取页面”，提取当前文档单页/部分/全部页面保存为 PDF；
6.点击“替换页…”用另一个文档替换当前页面；
7.点击“×”，删除当前页面；
8.右键可选择缩略图显示样式停靠/浮动，另外可以自动隐藏/隐藏。