タグ付けされた質問 「layout」

レイアウトタグは、含まれている要素に関するオブジェクトの配置、配置、および位置揃えに関する質問に使用します。CSSに関する質問については、代わりに「css」タグを使用してください。

26
長い単語が私のdivを壊すのを防ぐ方法は?
TABLEレイアウトからDIVレイアウトに切り替えて以来、1つの共通の問題が残っています。 問題:DIVに動的テキストを入力すると、必然的にdiv列の端を超えて非常に長い単語が存在し、サイトが専門外のように見えます。 RETRO-WHINING:これは、テーブルレイアウトでは発生しませんでした。表のセルは常に最も長い単語の幅にうまく拡張されます。 重大度:この問題は、ほとんどの主要なサイト、特に「速度制限」などの一般的な単語でさえ非常に長いドイツのサイト(「Geschwindigkeitsbegrenzung」)でも見られます。 誰かがこれに対して実行可能な解決策を持っていますか?
148 css  layout  html 

9
スタックパネルでアイテムを揃えますか?
水平方向のStackPanelに2つのコントロールを配置して、適切なアイテムをStackPanelの右側にドッキングできるかどうかを考えていました。 私は以下を試しましたが、うまくいきませんでした: <StackPanel Orientation="Horizontal"> <TextBlock>Left</TextBlock> <Button Width="30" HorizontalAlignment="Right">Right<Button> </StackPanel> 上のスニペットでは、ButtonをStackPanelの右側にドッキングします。 注:グリッドなどではなく、StackPanelで実行する必要があります。


4
Android:プログラムでレイアウトのサイズを設定する方法
Androidアプリの一部として、ボタンセットを作成しています。ボタンは、LinearLayoutsのネストされたセットの一部です。ウェイトを使用して、含まれている親のLinearLayoutのサイズに基づいて自動的にサイズを変更するセットを用意しています。画面のピクセル数と密度に基づいて、含まれているレイアウトのサイズをピクセル数に設定するという考え方です。その変更に基づいてボタンセット自体のサイズを変更します。 次に問題は、レイアウトのサイズを変更する方法です。 私はいくつかの提案されたテクニックを試しましたが、どれもうまく機能しません。次に、ボタンセットを作成するXMLのサブセットを示します。 <LinearLayout android:layout_height="104pt" android:id="@+id/numberPadLayout" android:orientation="horizontal" android:layout_width="104pt" android:background="#a0a0a0" android:layout_alignParentBottom="true" android:layout_centerHorizontal="true" > <LinearLayout android:layout_weight="2" android:layout_height="fill_parent" android:id="@+id/linearLayout1" android:orientation="vertical" android:layout_width="wrap_content"> <Button android:text="1" android:id="@+id/button1" android:layout_weight="2" android:layout_width="fill_parent" android:layout_height="wrap_content"></Button> <Button android:text="4" android:id="@+id/button4" android:layout_weight="2" android:layout_width="fill_parent" android:layout_height="wrap_content"></Button> <Button android:text="7" android:id="@+id/button7" android:layout_weight="2" android:layout_width="fill_parent" android:layout_height="wrap_content"></Button> <Button android:text="-" android:id="@+id/buttonDash" android:layout_weight="2" android:layout_width="fill_parent" android:layout_height="wrap_content"></Button> </LinearLayout> <LinearLayout android:layout_weight="2" android:layout_height="fill_parent" android:id="@+id/linearLayout2" android:orientation="vertical" android:layout_width="wrap_content"> <Button …

2
ScrollView内のビューがすべての場所に表示されるわけではありません
ScrollView内にRelativeLayoutがあります。私のRelativeLayoutにはありますandroid:layout_height="match_parent"が、ビューは全体のサイズをとらず、wrap_contentのようなものです。 実際のfill_parent / match_parent動作を実現する方法はありますか? 私のレイアウト: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent"> <ImageView android:id="@+id/top" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:scaleType="fitXY" android:src="@drawable/top" /> <ImageView android:id="@+id/header" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_below="@+id/top" android:scaleType="fitXY" android:src="@drawable/headerbig" /> <ImageView android:id="@+id/logo" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignBottom="@+id/header" android:layout_centerHorizontal="true" android:layout_marginBottom="3dp" android:src="@drawable/logo" /> <ScrollView android:layout_width="fill_parent" android:layout_height="match_parent" android:layout_above="@+id/bottom" android:layout_below="@+id/logo" android:background="@drawable/background" > <RelativeLayout android:layout_width="fill_parent" android:layout_height="fill_parent"> <ImageView android:id="@+id/dashboard01" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_above="@+id/dashboard02" android:layout_centerHorizontal="true" …

9
CSS3ボックスサイズ:マージンボックス; 何故なの?
どうしてないのbox-sizing: margin-box;?通常box-sizing: border-box;、スタイルシートに入れるときは、前者を意味します。 例: 2列のページレイアウトがあるとします。両方の列の幅は50%ですが、ガター(中央にギャップ)がないため、見栄えがよくありません。以下はCSSです: .col2 { width: 50%; float: left; } ガターを適用するには、2つの列の最初の列に右マージンを設定するだけでよいと考えるかもしれません。このようなもの: .col2:first-child { margin-right: 24px; } ただし、次のことが当てはまるため、2番目の列が新しい行に折り返されます。 50% + 50% + 24px > 100% box-sizing: margin-box;要素の計算された幅にマージンを含めることにより、この問題を解決します。これは、と同じくらい有用ではないとしても、非常に有用だと思いますbox-sizing: border-box;。
139 css  layout  position  w3c 

5
100%幅のTwitter Bootstrap 3テンプレート
私はブートストラップ初心者であり、ブートストラップでコーディングしたい100%幅のテンプレートがあります。最初の列は左隅から始まり、Googleマップで右端まで伸びています。container-fluidクラスでこれを行うことができると思ったが、それはもはや利用できないようです。あなたがレイアウトを確認したい場合、私は、私は、ここにリンクをthemeforestからジオメトリPSDテンプレートを使用していますどのようにブートストラップ3とそのレイアウトを実現するためには考えています。http://themeforest.net/item/geometry-design-for- geolocation-social-networkr / 4752268

4
絶対位置とオーバーフローを非表示にする
2つのDIVがあり、一方はもう一方に埋め込まれています。外側のDIVが絶対配置されていない場合、絶対配置されている内側のDIVは、外側DIVの非表示のオーバーフローに従いません(例)。 外側のDIVを絶対位置に設定せずに、内側のDIVが外側のDIVのオーバーフローを非表示にする可能性はありますか?また、テーブルTD(例)から「成長」する必要があるため、内部DIVの相対位置はオプションではありません。 他のオプションはありますか?

9
convertRect:toView:、convertRect:FromView:、convertPoint:toView :、およびconvertPoint:fromView:メソッドを理解する
これらのメソッドの機能を理解しようとしています。それらのセマンティクスを理解するための簡単なユースケースを提供していただけませんか? ドキュメントから、たとえば、convertPoint:fromView:メソッドは次のように説明されています。 指定されたビューの座標系からレシーバーの座標系にポイントを変換します。 何をしないシステムの座標の平均を?およそ何レシーバ? たとえば、次のようにconvertPoint:fromView:を使用しても意味がありますか? CGPoint p = [view1 convertPoint:view1.center fromView:view1]; NSLogユーティリティを使用して、p値がview1の中心と一致することを確認しました。 前もって感謝します。 編集:興味のある方のために、これらのメソッドを理解するための簡単なコードスニペットを作成しました。 UIView* view1 = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 150, 200)]; view1.backgroundColor = [UIColor redColor]; NSLog(@"view1 frame: %@", NSStringFromCGRect(view1.frame)); NSLog(@"view1 center: %@", NSStringFromCGPoint(view1.center)); CGPoint originInWindowCoordinates = [self.window convertPoint:view1.bounds.origin fromView:view1]; NSLog(@"convertPoint:fromView: %@", NSStringFromCGPoint(originInWindowCoordinates)); CGPoint originInView1Coordinates = [self.window convertPoint:view1.frame.origin toView:view1]; …
128 ios  layout  uiview 

11
Androidでプログラムにより背景ドローアブルを削除する
@drawable/bgプログラムで背景ドローアブルを削除したい。それを行う方法はありますか? 現在、レイアウトに次のXMLがあります。 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout android:id="@+id/widget29" android:layout_width="fill_parent" android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android" android:background="@drawable/bg"> </RelativeLayout>



10
ブートストラップ流体レイアウトでグリッド要素を下揃えする方法
Twitterのブートストラップを使用した滑らかなレイアウトで、1つの行に2つの列があります。最初の列には多くのコンテンツが含まれているので、通常はその範囲を満たします。2番目の列にはボタンとテキストがあり、最初の列のセルを基準にして下揃えにしたいのです。 ここに私が持っているものがあります: -row-fluid------------------------------------- +-span6----------+ +-span6----------+ | | |short content | | content | +----------------+ | that | | is tall | | | +----------------+ ----------------------------------------------- ここに私が欲しいものがあります: -row-fluid------------------------------------- +-span6----------+ | | | content | | that | | is tall | +-span6----------+ | | |short content | +----------------+ +----------------+ ----------------------------------------------- 最初のスパンを絶対的な高さにして、2番目のスパンをそれに相対的に配置するソリューションを見てきましたが、divの絶対的な高さを指定する必要がないソリューションが推奨されます。また、同じ効果を達成する方法を完全に再考することにも心がけています。私はこの足場の使用とは結婚していませんが、私にとって最も理にかなっているように見えました。 …

1
leftAnchorとLeadingAnchorの違いは何ですか?
私はSwift for iOSで制約を扱っており、ほとんどの命名規則/ドキュメントは非常に自明ですが、最近私を混乱させたのは、NSLayoutXAxisAnchorクラスの2つのペアです。 leadingAnchor, leftAnchor に加えて trailingAnchor, rightAnchor iOSアプリでプログラムによって制約を設定すると、これらを完全に交換して使用できることがわかりました。LeadingAnchorを使用し、アプリを実行して動作を観察した後、leftAnchorを使用してアプリを実行し、動作を観察しても、まったく同じように機能します。 developer.apple.comからドキュメントをチェックアウトしたところ、結果はまったく同じです(名前の違いは無視しています)。たとえば、leadingAnchorとleftAnchorを比較すると、次のようになります。 「このアンカーを使用して、ビューのリーディングエッジで制約を作成します。このアンカーは、NSLayoutXAxisAnchorアンカーのサブセットとのみ組み合わせることができます。leadingAnchorを別のLeadingAnchor、trailingAnchor、またはcenterXAnchorと組み合わせることができます。詳細については、NSLayoutAnchorクラスを参照してください参照。" 次と比較: 「このアンカーを使用して、ビューの左端で制約を作成します。このアンカーは、NSLayoutXAxisAnchorアンカーのサブセットとのみ組み合わせることができます。leftAnchorを別のleftAnchor、rightAnchor、またはcenterXAnchorと組み合わせることができます。詳細については、NSLayoutAnchorクラスを参照してください参照。" これらのプロパティ間に意図された違いがあるかどうか誰かが知っていますか?
119 ios  layout 

17
Android:アスペクト比を維持しながら画像を画面の幅に拡大する方法は?
画像(サイズは不明ですが、常にほぼ正方形)をダウンロードして、水平方向に画面いっぱいに表示され、垂直方向に拡大されて、どの画面サイズでも画像の縦横比を維持するように表示したいと思います。これが私の(動作しない)コードです。画像を水平方向に引き伸ばしますが、垂直方向には引き伸ばさないため、押しつぶされます... ImageView mainImageView = new ImageView(context); mainImageView.setImageBitmap(mainImage); //downloaded from server mainImageView.setScaleType(ScaleType.FIT_XY); //mainImageView.setAdjustViewBounds(true); //with this line enabled, just scales image down addView(mainImageView,new LinearLayout.LayoutParams( LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
118 java  android  layout 

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.