web-dev-qa-db-ja.com

xmlではなくcodeを使ってImageViewのマージンを設定する方法

私は余白を持ってレイアウトに未知数のImageViewビューを追加したいのです。 XMLでは、次のようにlayout_marginを使用できます。

<ImageView Android:layout_margin="5dip" Android:src="@drawable/image" />

ImageView.setPadding()はありますが、ImageView.setMargin()はありません。私はそれがImageView.setLayoutParams(LayoutParams)の方針に沿っていると思いますが、その中に何を入れるべきかわからない。

誰か知っている?

167
Bruce Lee

Android.view.ViewGroup.MarginLayoutParamsにはメソッドsetMargins(left, top, right, bottom)があります。直接のサブクラスはFrameLayout.LayoutParamsLinearLayout.LayoutParamsおよびRelativeLayout.LayoutParamsです。

例えばを使用してLinearLayout

LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
lp.setMargins(left, top, right, bottom);
imageView.setLayoutParams(lp);

MarginLayoutParams

余白をピクセル単位で設定します。拡大縮小するには

context.getResources().getDisplayMetrics().density

DisplayMetrics

359
Key
    image = (ImageView) findViewById(R.id.imageID);
    MarginLayoutParams marginParams = new MarginLayoutParams(image.getLayoutParams());
    marginParams.setMargins(left_margin, top_margin, right_margin, bottom_margin);
    RelativeLayout.LayoutParams layoutParams = new RelativeLayout.LayoutParams(marginParams);
    image.setLayoutParams(layoutParams);
47
Kevin Wadera

上記の例はすべて、実際にはREPLACE Viewにすでに存在するすべてのパラメータです。これは望ましくない場合があります。以下のコードは、既存のパラメータを置き換えずに拡張します。

ImageView myImage = (ImageView) findViewById(R.id.image_view);
MarginLayoutParams marginParams = (MarginLayoutParams) image.getLayoutParams();
marginParams.setMargins(left, top, right, bottom);
35
Kelevandos

Kevinのコードは冗長なMarginLayoutParamsオブジェクトを作成します。より単純なバージョン:

ImageView image = (ImageView) findViewById(R.id.main_image);
RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(image.getLayoutParams());
lp.setMargins(50, 100, 0, 0);
image.setLayoutParams(lp);
21

Imageviewの余白を変更したいが他のすべての余白をそのままにしておきたい場合。

  1. この場合、画像ビューのMarginLayoutParametersを取得します。myImageView

     MarginLayoutParams marginParams = (MarginLayoutParams) myImageView.getLayoutParams();
    
  2. 変更したい余白を変更しますが、それ以外は変更しません。

     marginParams.setMargins(marginParams.leftMargin, 
                             marginParams.topMargin, 
                             150, //notice only changing right margin
                             marginParams.bottomMargin); 
    
10
CommonSenseCode

Dpで余白を指定したい場合は、この方法を使用できます。

private void addMarginsInDp(View view, int leftInDp, int topInDp, int rightInDp, int bottomInDp) {
    DisplayMetrics dm = view.getResources().getDisplayMetrics();
    LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
    lp.setMargins(convertDpToPx(leftInDp, dm), convertDpToPx(topInDp, dm), convertDpToPx(rightInDp, dm), convertDpToPx(bottomInDp, dm));
    view.setLayoutParams(lp);
}

private int convertDpToPx(int dp, DisplayMetrics displayMetrics) {
    float pixels = TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dp, displayMetrics);
    return Math.round(pixels);
}
8
divonas

私はこれを単純に使って、とてもうまくいきます。

ImageView imageView = (ImageView) findViewById(R.id.image_id);
RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) imageView.getLayoutParams();
layoutParams.setMargins(left, top, right, bottom);
imageView.setLayoutParams(layoutParams);

setMargins()の単位はdpではなくピクセルです。 dpでマージンを設定したい場合は、values/dimens.xmlファイルの内側に次のようにディメンションを作成します。

<resources>
    <dimen name="right">16dp</dimen>
    <dimen name="left">16dp</dimen>    
</resources>

とアクセスのように:

getResources().getDimension(R.dimen.right);
5
Elnoor

Kotlinを使っているのであれば、これは拡張関数を作ることで簡単にすることができます。

fun View.setMarginExtensionFunction(left: Int, top: Int, right: Int, bottom: Int) {
  val params = layoutParams as ViewGroup.MarginLayoutParams
  params.setMargins(left, top, right, bottom)
  layoutParams = params
}

必要なのはビューだけです。この拡張機能はどこでも使用できます。

val imageView = findViewById(R.id.imageView)
imageView.setMarginExtensionFunction(0, 0, 0, 0)
4
enyciaa

動的にレイアウトを作成し、そのパラメータをsetmargin()がimageViewでは直接機能しないので設定する

ImageView im;
im = (ImageView) findViewById(R.id.your_image_in_XML_by_id);
 RelativeLayout.LayoutParams layout = new RelativeLayout.LayoutParams(im.getLayoutParams());
                        layout.setMargins(counter*27, 0, 0, 0);//left,right,top,bottom
                        im.setLayoutParams(layout);
                        im.setImageResource(R.drawable.yourimage)
4
Muhammad Adil

私にとってこれはうまくいった:

int imgCarMarginRightPx = (int)TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, definedValueInDp, res.getDisplayMetrics());

MarginLayoutParams lp = (MarginLayoutParams) imgCar.getLayoutParams();
lp.setMargins(0,0,imgCarMarginRightPx,0);
imgCar.setLayoutParams(lp);
4
Wahib Ul Haq

サンプルコードはこちら、とても簡単

LayoutParams params1 = (LayoutParams)twoLetter.getLayoutParams();//twoletter-imageview
                params1.height = 70;
                params1.setMargins(0, 210, 0, 0);//top margin -210 here
                twoLetter.setLayoutParams(params1);//setting layout params
                twoLetter.setImageResource(R.drawable.oo);
2
Sydroid

これは、左、上、右、下に8pxの余白を追加する例です。


ImageView imageView = new ImageView(getApplicationContext());

ViewGroup.MarginLayoutParams marginLayoutParams = new ViewGroup.MarginLayoutParams(
    ViewGroup.MarginLayoutParams.MATCH_PARENT,
    ViewGroup.MarginLayoutParams.WRAP_CONTENT
);

marginLayoutParams.setMargins(8, 8, 8, 8);

imageView.setLayoutParams(marginLayoutParams);

0

これに似た方法を使用すると、状況によっては頭痛の種を減らすことができます。余白を使って2段階のプログラム上の変更を行った場合は、すでにいくつかのlayoutParamsが設定されているかどうかを確認した方が安全です。いくつかのマージンがある場合、すでにそれらを増やすべきであり、それらを置き換えるべきではありません。

public void addMargins(View v, int left, int top, int right, int bottom) {
    LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) v.getLayoutParams();
    if (params == null)
        params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,
                                               ViewGroup.LayoutParams.WRAP_CONTENT);
    int oldLeft = params.leftMargin;
    int oldTop = params.topMargin;
    int oldRight = params.rightMargin;
    int oldBottom = params.bottomMargin;
    params.setMargins(oldLeft + left, oldTop + top, oldRight + right, oldBottom + bottom);
    v.setLayoutParams(params);
}
0
GA1