标签: layout

如果我写一些CSS属性一样margin,padding等像下面(以简写为好)

margin : 0 1px 0 1px; and margin : 0px 1px 0px 1px 

浏览器将两者解释为0没有区别

'property: 0' or 'property: 0px' /* are same thing */

为什么不flex以速记方式申请财产？

Name:   flex
Value:  none | [ <‘flex-grow’> <‘flex-shrink’> || <‘flex-basis’> ]

演示1:使用flex: 0px 1 1(效果很好)

演示2:使用flex: 0 1 1(不起作用)

我还提到了http://dev.w3.org/csswg/css-flexbox/#flex-property,但没有发现任何可以回答我的疑问/问题.

如果我错过了一些观点,请帮助我理解.

我是一名IOS编码员,但我正在尝试学习一些android,但我遇到了问题.

我有以下课程:

package com.example.fragmenttabhostdemo;

import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class Tab1 extends Fragment {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {

        return inflater.inflate(R.layout.tab1, container, false);
    }
}

当我尝试运行它时,控制台说:

java.lang.ClassCastException: com.example.fragmenttabhostdemo.Tab1 cannot be cast to android.support.v4.app.Fragment

我做错了什么想法？我认为,当我尝试为我的Android应用程序布局制作片段活动并向主机添加一些选项卡时,会出现问题:

protected void onCreate(Bundle savedInstanceState) {
     super.onCreate(savedInstanceState);
     setContentView(R.layout.activity_main);

     tabHost = (FragmentTabHost) findViewById(R.id.tabhost);

     tabHost.setup(this, getSupportFragmentManager(), R.id.tabcontent);

     tabHost.addTab(tabHost.newTabSpec("Tab1").setIndicator("Lengueta 1"), Tab1.class, null);
     tabHost.addTab(tabHost.newTabSpec("Tab2").setIndicator("Lengueta 2"),
                           Tab2.class, null);
     tabHost.addTab(tabHost.newTabSpec("Tab3").setIndicator("Lengueta 3"),
                           Tab3.class, null);
   } …

我有几个问题:

首先,也是最重要的一点,为什么你可以多次运行带有框架,几个面板,按钮等的GUI程序 - 不做任何改动 - 一半时间组件显示在框架中,另一半时间什么都没有显示......从字面上看,我在代码中没有任何改变,这是最令人沮丧的问题.有时出现的东西,有时没什么.我正在使用Eclipse,并且在main方法中只有以下代码.

其次,有人可以清楚地解释框架,面板和布局如何工作？

JFrame f = new JFrame();
f.setSize(400, 400);
f.setLayout(new BorderLayout());
f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
f.setLocationRelativeTo(null);
f.setVisible(true);

JPanel p = new JPanel();
JButton alpha = new JButton();
JButton bravo = new JButton();
alpha.setLabel("Alpha");
bravo.setLabel("Bravo");
p.add(alpha, BorderLayout.WEST);
p.add(bravo, BorderLayout.EAST);
p.add(new JLabel("Charlie"), BorderLayout.SOUTH);
f.add(p);

上面的方法有时会起作用,当它出现时,它并没有说明我从Oracle页面和教程中理解的方式.我创建了一个框架(没有默认布局),创建一个面板,其中两个按钮应该彼此相邻(WEST,EAST),然后在面板底部添加一个标签 - 并将整个面板添加到框架中.然而,它们都在框架的顶部彼此相邻地添加,居中.

你每个面板只能有一个组件吗？你可以在一个框架中添加多个面板,如果是这样,它们是否重叠？

仅供参考我观看了YouTube视频,并在此处阅读了其他一些帖子,似乎没有什么能够简单彻底地解释基础知识,所以我认为论坛帖子会得到更好的解释.

谢谢

在布局中,我有一个切换视图可见性的按钮(隐藏/显示线性布局).在这个布局里面我也有一个微调器.当我单击按钮时,它会切换可见性,但不会将布局高度更改为wrap_content,但是当我更改微调器值时,它会更新高度.

这是XML布局代码

 <LinearLayout
    android:id="@+id/layoutA1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@+id/tvAlarmHeading"
    android:layout_margin="5dip"
    android:layout_marginBottom="5dp"
    android:layout_marginTop="5dp"
    android:background="@drawable/transparent_border"
    android:orientation="vertical" >

    <LinearLayout
        android:id="@+id/layoutA1C1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:orientation="vertical" >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="5dp"
            android:gravity="center"
            android:orientation="horizontal" >

            <Spinner
                android:id="@+id/spnParameterA1C1"
                android:layout_width="140dp"
                android:layout_height="wrap_content"
                android:textSize="20sp" />



        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="5dp"
            android:gravity="center"
            android:orientation="horizontal" >

            <Button
                android:id="@+id/btnAddA1C1"
                android:layout_width="40dp"
                android:layout_height="40dp"
                android:layout_alignParentBottom="true"
                android:layout_centerHorizontal="true"
                android:layout_gravity="center"
                android:background="@drawable/button_pattern"
                android:text="+"
                android:textSize="22sp" />

        </LinearLayout>

    </LinearLayout>

    <LinearLayout
        android:id="@+id/layoutA1C2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:orientation="vertical" >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="5dp"
            android:gravity="center"
            android:orientation="horizontal" >

            <Spinner
                android:id="@+id/spnConditionA1"
                android:layout_width="70dp"
                android:layout_height="wrap_content"
                android:textSize="18sp" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="5dp"
            android:gravity="center" …

我试图在浏览器窗口中构建一个聊天界面,我无法正确使用CSS,我试了大约10个小时.

单元#1和#3是固定的

编辑:#3也应该是一个固定的高度,例如80px; 窗口高度的其余部分将由#2使用.

中间的单元格#2(大单元格)将包含聊天行,任何窗口调整大小都应该将滚动条放在那个上,而不是整个窗口.单元格#2也应该对齐底部的内容,这样在窗口顶部只有1-2行不会很远.

我能够在单元格#2上使用这个CSS接近完美:

flex-direction:column;
flex-flow: row wrap;
align-content:flex-end;

但它不会在该单元格上放置滚动条,只有IE才会这样做.我认为必须有一个更清洁的方式,因为我的CSS看起来很丑,我甚至尝试过桌子.

这就是我现在所拥有的,我想这很难读

我正在设计一个Android XML布局,其中包含一些表示复选标记和红色X图像的ImageView.我遇到了一些问题,这些图像在显示到屏幕时包含额外的边距/填充.

请注意,似乎没有右边距或左边距/填充,但有足够的顶部/底部填充.

这些图像是PNG格式,遵循http://developer.android.com/design/style/iconography.html中描述的创建小/上下文图标的准则.

我想通过使边距/填充匹配其水平边距/填充的效果来纠正问题.

这是布局的XML:

<!-- Event Reoccuring -->
            <LinearLayout
                android:id="@+id/event_reoccur_row"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:paddingTop="5dp"
                android:paddingLeft="16dp"
                android:paddingRight="16dp"
                >

                <TextView 
                    android:id="@+id/kid_event_reoccur_label"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_weight="0.5"
                    android:layout_gravity="center_vertical"
                    android:text="@string/event_reoccur"
                />

                <ImageView 
                    android:id="@+id/kid_event_reoccur_indicator"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_weight="0.1"
                    android:layout_gravity="center_vertical"
                    android:contentDescription="@string/indicator"
                    />

                <TextView 
                    android:id="@+id/kid_event_reoccur"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_weight="0.4"
                    android:layout_gravity="center_vertical"
                    android:paddingLeft="4dp"
                    android:text="@string/not_applicable"
                />
            </LinearLayout>

<!-- Age Required -->
            <LinearLayout
                android:id="@+id/event_age_req_row"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:paddingLeft="16dp"
                android:paddingRight="16dp"
                >

                <TextView 
                    android:id="@+id/kid_event_age_req_label"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_weight="0.5"
                    android:layout_gravity="center_vertical"
                    android:text="@string/event_age_req"
                />
                <ImageView 
                    android:id="@+id/kid_event_age_req_indicator"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_weight="0.1"
                    android:gravity="center_vertical"
                    android:contentDescription="@string/indicator"
                    />
                <TextView 
                    android:id="@+id/kid_event_age_req"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_weight="0.4" …

我有一张桌子.一列包含日期对,例如

2014/01/01 -
2014/01/02

我不想要这个,因为那时列太宽了:

2014/01/01 - 2014/01/02

我不能这样做:

html
2014/01/01 - <br /> 2014/01/02

因为这导致了这个:

2014/01/01
-
2014/01/02

所以这条线需要完全打破一次.有任何想法吗？

我不是在寻找任何花哨的东西.我曾尝试过关于饼图和条形图的教程,但很多教程都没有遵循我的应用程序的指导原则.在我的应用程序中,在我的一个片段布局中,我想简单地绘制一个包含两个值的饼图.

就像 -

画圈

圆圈的(%值)为红色.圆的(其他%值)为蓝色.

这可不是这样做的吗？

您好我正在编写一个JFrame,它有很多动态生成的复选框我想确保这些复选框有4个不同的列,最后的提交按钮请帮忙

这是代码

final JFrame frame=new JFrame("Button Frame");
            //JCheckBox[] checkBoxes = new JCheckBox[6];
            final JCheckBox[] checkBoxes= //= {new JCheckBox("bool"), new JCheckBox("list"), new JCheckBox("3"), new JCheckBox("4"), new JCheckBox("5"), new JCheckBox("6")};
            {
                new JCheckBox("alist"),new JCheckBox("arithmetic"),new JCheckBox("ASCIInumbers"),new JCheckBox("bag"),    
                new JCheckBox("basicSize"),new JCheckBox(" basis_emit"),new JCheckBox("bitstring"),new JCheckBox("bit"),        
                new JCheckBox("blast"),new JCheckBox("bool"),new JCheckBox("canonical"),new JCheckBox("Coder"),       
                new JCheckBox("combin"),new JCheckBox("complex"),new JCheckBox("ConseqConv"),new JCheckBox("container"),
                new JCheckBox("Decode"),new JCheckBox("DeepSyntax"),new JCheckBox("defCNF"),new JCheckBox("divides"),
                new JCheckBox("Encode"),new JCheckBox("EncodeVar"),new JCheckBox("extended_emit"),new JCheckBox("extreal"),new JCheckBox("fcp"),       
                new JCheckBox("finite_map"),new JCheckBox("fixedPoint"),new JCheckBox("float"),new JCheckBox("fmaptree"),   
                new JCheckBox("frac"),new JCheckBox("gcdset"),new JCheckBox("gcd"),new JCheckBox("HolSmt"),new JCheckBox("hrat"),    
                new JCheckBox("hreal"),new JCheckBox("ieee"),new JCheckBox("ind_type"), new JCheckBox("inftree"),
                new JCheckBox("int_arith"),new …

我正在使用YUI布局管理器,它似乎以正常的速度工作.但是,如果页面包含<Table>大约500行的大页,则YUI render()函数运行大约需要一分钟.

当我打开没有布局管理器的同一页面时,它会在不到一秒的时间内打开.

我唯一担心的是IE 7.我在firefox上尝试了它,它只花了大约三秒钟.

关于什么花了这么长时间的任何想法？我能以某种方式告诉布局管理器忽略该表吗？