layout

问题 Is there a way to retrieve ViewChildren or ContentChildren by element class? This will work, either by id or component but not for the class based queries, namely classedViewItems and classedContentItems @Component({ selector: 'my-container', template '<div><ng-content><ng-content></div>' }) export class MyContainer { @ViewChildren('item') viewItems: QueryList; @ContentChildren(MyItem) contentItems: QueryList; @ViewChildren('.fine-me') classedViewItems: QueryList; // <-- need this to work

问题 Is there a way to retrieve ViewChildren or ContentChildren by element class? This will work, either by id or component but not for the class based queries, namely classedViewItems and classedContentItems @Component({ selector: 'my-container', template '<div><ng-content><ng-content></div>' }) export class MyContainer { @ViewChildren('item') viewItems: QueryList; @ContentChildren(MyItem) contentItems: QueryList; @ViewChildren('.fine-me') classedViewItems: QueryList; // <-- need this to work

问题 Is there a way to retrieve ViewChildren or ContentChildren by element class? This will work, either by id or component but not for the class based queries, namely classedViewItems and classedContentItems @Component({ selector: 'my-container', template '<div><ng-content><ng-content></div>' }) export class MyContainer { @ViewChildren('item') viewItems: QueryList; @ContentChildren(MyItem) contentItems: QueryList; @ViewChildren('.fine-me') classedViewItems: QueryList; // <-- need this to work

问题 I have tried to Create Seperate Values folder for Sony Xperia Z1 in Android Eclipse Project. i done for values-sw390dp. inside that values folder, I put that dimen.xml file for that mobile UI sizes.. when i change ui sizes in that folder, it will not reflect it.. but, Instead of, it will take values-large folder automatically. Because, am developing an app, common for all 5 in and 7 inch mobiles and tablets.. i need to fit my UI for 5 inch and above.. http://www.gsmarena.com/sony_xperia_z1

问题 I have tried to Create Seperate Values folder for Sony Xperia Z1 in Android Eclipse Project. i done for values-sw390dp. inside that values folder, I put that dimen.xml file for that mobile UI sizes.. when i change ui sizes in that folder, it will not reflect it.. but, Instead of, it will take values-large folder automatically. Because, am developing an app, common for all 5 in and 7 inch mobiles and tablets.. i need to fit my UI for 5 inch and above.. http://www.gsmarena.com/sony_xperia_z1

问题 I have a simple task to add space between buttons in a dialog box like in the example code below obtained from http://bootboxjs.com/examples.html. Just imagine that there is more than 1 button is this example. Like save, delete, cancel, confirm. bootbox.dialog({ title: "This is a form in a modal.", message: '<div class="row"> ' + '<div class="col-md-12"> ' + '<form class="form-horizontal"> ' + '<div class="form-group"> ' + '<label class="col-md-4 control-label" for="name">Name</label> ' + '

问题 I was trying to use LayoutInspector for apps from Google Play. I have a rooted device so when I do "Show all processes", all the running apps developed by me are displayed but not the official ones. 回答1: you ca go to the /Users/.../Library/Android/sdk/tools/monitor and select dump view 回答2: You can use UiAutomator2 Viewer ( a tool from android SDK) { your sdk path} \tools\bin\uiautomatorviewer.bat This tool shows the complete hierarchy and attributes of all elements visible on the device

问题 Suppose I need to set an opacity mask on a WPF control that highlights a portion of it in precise position (suppose a 50x50 square at (50;50) position). To do that I create a DrawingGroup containing 2 GeometryDrawing objects: 1 semi-transparent rectangle for the whole actual size of the control and 1 opaque rectangle for highlighted area. Then I create a DrawingBrush from this DrawingGroup, set it's Stretch property to None and set this brush as OpacityMask of the control that needs to be

问题 I have looked into Flexbox to achieve a responsive layout like pictured below. Unfortunately I still have not figured out how to achieve a desktop layout like Figure 1 which rearranges itself to Figure 2 on viewports smaller than 414 pixel. Figure 1 (desktop viewports) Figure 2 (mobile viewports) (scaled version) Click here for image in original size My code so far : .flexbox { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; width: 100%;

问题 I can't figure out why the margin-top of the <nav> element ( which comes after the <hgroup> element ) affects the margin-top or the placement of the <hgroup> . By adding a top margin to the <nav> element, the <hgroup> element also moves down as if it also has a top-margin applied to it heading { position: relative; display: inline-block; border: 1px solid #333; } heading hgroup { display: inline-block; font-family: "Avenir"; font-size: 5em; border: 1px solid yellow; } nav { position: relative