Gird组件 Part-3:范例RSSFeed Viewer

原来的书文地址
小说日期:二〇〇六/09/04

VNC Viewer,

第一要求显著,什么事VNC , Virtual Network Computing
,VNC允许Linux系统能够邻近完成像Windows中的远程桌面访谈那样访谈Linux桌面。

第一试试服务器装了VNC没

[[email protected] ~]# rpm -q tigervnc tigervnc-server

没安装的话会一向现身

package tigervnc is not installed
package tigervnc-server is not installed

万一未有设置X-Windows 桌面包车型客车话要先安装Bwindows

[[email protected] ~]# yum check-update
[[email protected] ~]# yum groupinstall "X Window System"
[[email protected] ~]# yum install gnome-classic-session gnome-terminal nautilus-open-terminal control-center liberation-mono-fonts
[[email protected] ~]# unlink /etc/systemd/system/default.target
[[email protected] ~]# ln -sf /lib/systemd/system/graphical.target /etc/systemd/system/default.target
[[email protected] ~]# reboot

第一步,安装VNC packages:

[[email protected] ~]# yum install tigervnc-server -y

第二步,修改配置新闻,在/etc/systemd/system/下树立文件夹[email protected]:1.service
把example config
文件从/lib/systemd/system/[email protected]复制到里面

[[email protected] ~]# cp /lib/systemd/system/[email protected] /etc/systemd/system/[email protected]:1.service

然后展开这么些布局文件/etc/systemd/system/[email protected]:1.service替换掉暗中同意顾客名

找到这一行

ExecStart=/sbin/runuser -l <USER> -c "/usr/bin/vncserver %i"
PIDFile=/home/<USER>/.vnc/%H%i.pid

此处本身一向用root 客商登入,所以小编替换到

ExecStart=/sbin/runuser -l root -c "/usr/bin/vncserver %i"
PIDFile=/root/.vnc/%H%i.pid

比方是其余客户的话举个例子john替换如下

ExecStart=/sbin/runuser -l <USER> -c "/usr/bin/vncserver %i"
PIDFile=/home/<USER>/.vnc/%H%i.pid

第三步,重加载 systemd

[[email protected] ~]# systemctl daemon-reload

亚洲城娱乐城,第四步,为VNC设密码

[[email protected] ~]# vncpasswd

第五步,由于本人那边的Centos 7 是用iptable防火墙的之所以

vim /etc/sysconfig/iptables

在适宜岗位加上

-A INPUT -m state --state NEW -m tcp -p tcp --dport 5900:5903 -j ACCEPT

重启iptable

service iptables restart

假假设用Centos 7 私下认可防火墙的可能必要

[[email protected] ~]# firewall-cmd --permanent --add-service vnc-server
[[email protected] ~]# systemctl restart firewalld.service

第六步,设暗中认可运营并拉开VNC

[[email protected] ~]# systemctl enable [email protected]:1.service
[[email protected] ~]# systemctl start [email protected]:1.service

这么基本上Centos 端就设好了,Windows 端要去下一个VNC Viewer
的软件。连接一下搜求看着有一些简陋不过上去了的

亚洲城娱乐城 1

亚洲城娱乐城 2

转载自:

Viewer, 首先需求肯定,什么事VNC , Virtual
Network Computing
,VNC允许Linux系统能够接近落成像Windows中的远程桌面访问那样访谈Linux桌面。
首先…

不时利用的布局结构会放缓运行速度,为了补助减轻那个难点,Android
SDK提供了Hierarchy Viewer工具。

新组件Gird包涵了累累的类和承继方法。要是读者不是太熟习的面向对象开荒以来,也许会对二个变量怎么样从有些类获得延续的艺术以为质疑,用起GILacrosseD来感到多数不便。在YAHOO.ext.gird包中,大大多类是布署性成为“即插即用plug
and
play”的,可扩张的extended和可自定义的customized,能以最一些些的代码插入轻易到web程序中。

Hierarchy Viewer能够协助调整和优化UI。它提供了布局档期的顺序的可视化表示(View
Hierarchy窗口),并蕴藏各样节点的质量音信。它还提供了三个扩充的视图(Pixel
Perfect窗口)来一发检查测量检验布局的像素。

要测量试验和创造多少个兑现gird的轨范,作者调节做多个简短的,唯有一页的翼虎SS种子搜聚器冠道SS
Feed
Viewer。整个程序写了100行代码而内部有20行是关于gird的。那个表率说明了gird的一部分出类拔萃功效,如Ajax
loading,预管理(preprocessing)和自定义渲染(custom rendering)

使用Hierarchy Viewer

这里嵌入了个Mini型程序(用iframe)

运营Hierarchy Viewer并选拔多少个窗口

动用Hierarchy Viewer步骤如下:

  1. 总是装置也许运营三个模拟器。为了保险安全,Hierarchy
    Viewer只可以接二连三开采版本的Android系统。
  2. 设置要测验的行使。
  3. 运行应用,并保险UI可知。
  4. 开发银行位于<sdk>/tools/Gird组件 Part-3:范例RSSFeed Viewer。目录的hierarchyviewer。
  5. 运转后的窗口体现了贰个设施和模拟器的列表。点击各式左边的箭头能够打开列表,会来得各样设备或模拟器正在周转的UI可知的选取。
![](https://upload-images.jianshu.io/upload_images/4272648-463ece8baccb9eea.png)

图1
  1. 选用要调解的利用,能够选择点击Load View
    Hierarchy
    查阅视图档期的顺序,或然点击Inspect Screentshot查看Pixel
    Perfect窗口

自个儿一步一步手把手带您进来GI陆风X8D,还有可能会援救什么是重要的地点,哪些不是。

关于View Hierarchy窗口

View Hierarchy窗口呈现应用的视图对象。针对每八个视图对象,View
Hierarchy窗口还显得了渲染质量数据。

在该窗口,你会看出4个窗格:

亚洲城娱乐城 3

图2

  1. Tree
    View
    :左侧窗格体现了视图树。视图树能够检查实验单独的视图对象,也许视图对象的关联。要缩放视图树,能够动用尾巴部分的滑块,或然使用鼠标的滚轮。能够采纳鼠标拖动视图树的体现范围。
    在底部Filter by class or
    id
    中输入类可能id值,能够查找匹配的节点。相称的节点,背景会由深青莲变为浅铅色。
    点击最上端的Save As PNG能够保存视图树的截图。
    点击Capture
    Layers
    能够将布局保存为PSD文件。各种视图会被保留为多个单身的PhotoShop图层。
  2. Tree Overview右上窗格为视图树的大概浏览。
  3. Properties View侧边中部的窗格为属性窗口。
  4. Layout
    View
    右下窗格为布局视图。点击该窗格的二个视图对象,会高亮显示。每一块的边框颜色提供了额外的音讯:

    • 粗玫瑰紫:当前挑选的视图。
    • 细孔雀蓝:当前选择视图的父级。
    • 墨玉绿:表示该视图不是现阶段甄选视图的父集也许子集。

在如今页面包车型客车UI变化后,View
Hierarchy窗口不会自动更新。供给点击最上部的Load View
Hierarchy
参会刷新。

一样的,借使切换成了别样页面,窗口也不会自动更新。想要更新它,你须要首先点击Hierarchy
Viewer工具左下角的按键切换来第叁回展开时的挑选使用的窗口,然后再次加载视图。

Step 1 创办柱模型ColumnModel

采纳视图树中的单个视图

视图树的各种节点代表三个独立的视图。一些消息是一贯可知的:

亚洲城娱乐城 4

图3

  1. 视图的类型,即所属的class
  2. 视图地址
  3. 视图的id值,即android:id
  4. 质量目的:三个带颜色的圆点,分别代表measure、layout、draw四个方法相对于其余视图的渲染速度:
  • 深蓝:表示该视图快于视图树中五成的视图。
  • 中蓝:表示该视图慢于视图树中八分之四的视图。
  • 铁锈红:表示该视图是视图树中最慢的。
  1. 视图索引:该视图在父级的目录,从0开端。

分选贰个节点,会并发三个小窗口来显示额外的消息:

  • 图形:该视图的截屏。
  • 视图数量:该节点所独具的视图数量,包括作者。
  • 渲染时间:实际的measure、layout、draw耗时。
var myColumns = [
  {header: "Title", width: 350, sortable: true}, 
  {header: "Date", width: 125, sortable: true, renderer: formatDate}
];
var colModel = new YAHOO.ext.grid.DefaultColumnModel(myColumns);

使用View Hierarchy调试

View
Hierarchy窗口能够由此提供UI的静态呈现来救助调制应用。在你操作使用的时候,这厮作品展示保持不改变,直到你奉行invalidate并request
layout来重绘。

重绘步骤如下:

  • 慎选视图树中的贰个视图。重绘二个视图会强制重绘它的子视图。
  • 点击最上部的Invalidate。这会将视Logo志为无用的,并在后一次布局时开展重绘。
  • 点击Request Layout。绘制要求重绘的视图。

手动重绘允许你观望视图树,并在代码中通过单步调节和测量试验检查单​​个View对象的属性。

G帕杰罗ID从柱模型中赢得某一列的新闻。在那个例子大家调用多个暗许的柱模型(称DefaultColumnModel),三个暗含全数有关的音信的靶子。对象的质量如下:

通过View Hierarchy实行优化

View
Hierarchy支持您识别减慢渲染速度的习性难题。你须要查阅带有玛瑙红也许青黄圆点的节点,查看是直接慢可能有些原则会变慢。

潜心急品质不必然正是主题素材,尤其是对此ViewGroup对象。在ViewGroup有相当多子View时渲染料定会变慢。

  • header: – 表头
  • width: – 宽度
  • sortable: – true=可排序
  • renderer: – 钦赐渲染方式。调用函数参数为 (value, rowIndex,
    columnIndex),并由函数重回(return)值来展示到单元格cell中。
  • sortType: – 钦赐排序方式。参见文书档案资料,有5到6种的调换格局。

使用Pixel Perfect

Pixel Perfect是一种用于检查像素属性并从规划图片中绘制UI的工具。

除header和width另外为可选的

关于Pixel Perfect窗口

Pixel
Perfect窗口展现了叁个推广的当下设施或模拟器可知的显示器图像。你能够运用它检查评定单独的像素属性。你也足以用它支持您根据位图设计布局应用程序UI。

在该窗口,有如下窗格:

亚洲城娱乐城 5

图4

  1. 视图对象窗格:在窗口的左边手。那是叁个当下视图对象的层级列表。包涵你的接纳中的和种类爆发的。
  2. Pixel
    Perfect放大镜窗格
    :在窗口中心。那是加大的显示器图像。它被多个网格覆盖,网格的各样方块代表一个像素。点击一个四方,在底层会议及展览示该像素的色值和坐标音信。
  3. Pixel Perfect窗格:在窗口侧面。这里呈现了模拟器当前的荧屏展现。

创办DataModel数据模型

使用Pixel Perfect叠加

你平时依据作为位图图像达成的安插创设UI。Pixel
Perfect窗口能够扶持你加载一张图片叠合到当前的荧屏截图中。

行使手续如下:

  • 启航你的使用,导航到想要叠合的页面。
  • 启动Hierarchy Viewer,导航到Pixel Perfect窗口。
  • 点击最上部的Load Overlay。加载一张图纸。
  • Pixel Perfect窗格会展现叠合后的法力。
    外加的图像默许有十分之五的发光度,你能够经过尾部的滑块举行修改。
    默许情形下,叠合层也不会显得在“放大镜”窗格中。
    要彰显它,请在窗口顶端设置Show in Loupe

点击Save as PNG时,叠加层不会保留到最终的图样上。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图