[英]Creating and Adding dynamic views in Relative layout inside FrameLayout
What I'm doing is something like this 我在做什么是这样的
<Dynamic Framelayout >
<Dynamic Relaive Layout>
<Dynamic imageView>
<Dynamic TextView>
</Dynamic Relaive Layout>
</Dynamic Framelayout>
I have created the layout and placed the views as I discussed above. 如上所述,我已经创建了布局并放置了视图。
But Now I want to textview should be placed below the image view 但是现在我要把textview应该放在图像视图下面
here what I m getting. 这就是我得到的。
notice the RED textviews. 注意红色的文本视图。 this should be below the imageview and horizontally centered.
它应该在imageview下方并水平居中。
Here is my Code. 这是我的代码。
final FrameLayout main = (FrameLayout) findViewById(R.id.add_dynamic_views_frame);
int numViews = drawbbleIds.length;
for (int i = 0; i < numViews; i++) {
RelativeLayout rel_inner = new RelativeLayout(SplashSearch.this);
rel_inner.setGravity(Gravity.CENTER_HORIZONTAL);
ImageView imgView = new ImageView(SplashSearch.this);
TextView textView = new TextView(SplashSearch.this);
imgView.setImageDrawable(getResources().getDrawable(drawbbleIds[i]));
imgView.setTag(i);
imgView.setId(i);
imgView.setOnClickListener(SplashSearch.this);
rel_inner.addView(imgView);
RelativeLayout.LayoutParams imgLp = (RelativeLayout.LayoutParams) imgView
.getLayoutParams();
textView.setTag(i);
textView.setId(i);
textView.setText(getResources().getStringArray(R.array.tabs_names)[i]);
textView.setTextColor(Color.RED);
rel_inner.addView(textView);
RelativeLayout.LayoutParams txtLp = (RelativeLayout.LayoutParams) textView
.getLayoutParams();
imgLp.addRule(RelativeLayout.BELOW, textView.getId());
textView.setLayoutParams(imgLp);
FrameLayout.LayoutParams lp = new FrameLayout.LayoutParams(70, 70);
// Place all views in the center of the
// layout. We'll transform them
// away from there in the code below.
lp.gravity = Gravity.CENTER;
// Set layout params on view.
rel_inner.setLayoutParams(lp);
// Calculate the angle of the current
// view.
// Adjust by 90 degrees to
// get View 0 at the top. We need the
// angle
// in degrees and radians.
float angleDeg = i * 360.0f / numViews - 90.0f;
float angleRad = (float) (angleDeg * Math.PI / 180.0f);
rel_inner.setTranslationX(250 * (float) Math.cos(angleRad));
rel_inner.setTranslationY(250 * (float) Math.sin(angleRad));
main.addView(rel_inner);
}
Try using this code: 尝试使用以下代码:
final FrameLayout main = (FrameLayout) findViewById(R.id.frame);
int numViews = 5;
for (int i = 0; i < numViews; i++) {
RelativeLayout rel_inner = new RelativeLayout(this);
rel_inner.setGravity(Gravity.CENTER_HORIZONTAL);
ImageView imgView = new ImageView(this);
imgView.setImageDrawable(getResources().getDrawable(
R.drawable.ic_launcher));
imgView.setTag(i);
imgView.setId(i + 1);
// imgView.setOnClickListener(SplashSearch.this);
rel_inner.addView(imgView);
RelativeLayout.LayoutParams imgLp = new RelativeLayout.LayoutParams(
LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
TextView textView = new TextView(this);
textView.setTag(i);
textView.setId(i);
textView.setText("" + i);
textView.setTextColor(Color.RED);
imgLp.addRule(RelativeLayout.BELOW, imgView.getId());
imgLp.addRule(RelativeLayout.CENTER_HORIZONTAL);
textView.setLayoutParams(imgLp);
rel_inner.addView(textView);
FrameLayout.LayoutParams lp = new FrameLayout.LayoutParams(70,
LayoutParams.WRAP_CONTENT);
// Place all views in the center of the
// layout. We'll transform them
// away from there in the code below.
lp.gravity = Gravity.CENTER;
// Set layout params on view.
rel_inner.setLayoutParams(lp);
// Calculate the angle of the current
// view.
// Adjust by 90 degrees to
// get View 0 at the top. We need the
// angle
// in degrees and radians.
float angleDeg = i * 360.0f / numViews - 90.0f;
float angleRad = (float) (angleDeg * Math.PI / 180.0f);
rel_inner.setTranslationX(250 * (float) Math.cos(angleRad));
rel_inner.setTranslationY(250 * (float) Math.sin(angleRad));
main.addView(rel_inner);
}
It works well.Hope it will help you. 效果很好,希望对您有帮助。
You are setting LayoutParams
after you add the Views to the RelativeLayout. 在将视图添加到RelativeLayout之后,您将设置
LayoutParams
。
textView.setLayoutParams(imgLp);
First set LayoutParams as above, and then add Views to the RelativeLayout. 首先如上所述设置LayoutParams,然后将Views添加到RelativeLayout。
rel_inner.addView(imgView);
rel_inner.addView(textView);
Edit : Try copy pasting this code. 编辑 :尝试复制粘贴此代码。 I couldn't test since I don't have resources, files, etc but this should do the trick.
我无法测试,因为我没有资源,文件等,但这应该可以解决问题。
final FrameLayout main = (FrameLayout) findViewById(R.id.add_dynamic_views_frame);
int numViews = drawbbleIds.length;
for (int i = 0; i < numViews; i++) {
RelativeLayout rel_inner = new RelativeLayout(SplashSearch.this);
FrameLayout.LayoutParams lp = new FrameLayout.LayoutParams(70, 70);
// Place all views in the center of the
// layout. We'll transform them
// away from there in the code below.
lp.gravity = Gravity.CENTER;
// Set layout params on view.
rel_inner.setLayoutParams(lp);
ImageView imgView = new ImageView(SplashSearch.this);
TextView textView = new TextView(SplashSearch.this);
imgView.setImageDrawable(getResources().getDrawable(drawbbleIds[i]));
imgView.setTag(i);
imgView.setId(i);
imgView.setOnClickListener(SplashSearch.this);
RelativeLayout.LayoutParams imgLp = (RelativeLayout.LayoutParams) imgView
.getLayoutParams();
imgLp.addRule(RelativeLayout.CENTER_HORIZONTAL);
imgView.setLayoutParams(imgLp);
rel_inner.addView(imgView);
textView.setTag(i);
textView.setId(i);
textView.setText(getResources().getStringArray(R.array.tabs_names)[i]);
textView.setTextColor(Color.RED);
RelativeLayout.LayoutParams txtLp = (RelativeLayout.LayoutParams) textView
.getLayoutParams();
txtLp.addRule(RelativeLayout.CENTER_HORIZONTAL);
txtLp.addRule(RelativeLayout.BELOW, imgView.getId());
textView.setGravity(Gravity.CENTER);
textView.setLayoutParams(txtLp);
rel_inner.addView(textView);
// Calculate the angle of the current
// view.
// Adjust by 90 degrees to
// get View 0 at the top. We need the
// angle
// in degrees and radians.
float angleDeg = i * 360.0f / numViews - 90.0f;
float angleRad = (float) (angleDeg * Math.PI / 180.0f);
rel_inner.setTranslationX(250 * (float) Math.cos(angleRad));
rel_inner.setTranslationY(250 * (float) Math.sin(angleRad));
main.addView(rel_inner);
}
在这里使用LinearLayout
而不是RelativeLayout
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.