有时候我们会在代码端,动态的设置,添加布局和控件。下面我们就看来看一下如何处理,直接上代码,代码里面的注解很清楚了。
布局文件:fragment_hot.xml
说明:这个部局,我用的是scrollView做为基础布局,主要是为了实现一个滚动。这里不多说,这个你可以使用任何布局都可以,这里的id我是提前定义的。
这里面的现在有的布局是我为了看到我在代码端,动态添加的代码,是否可以追加到现有布局的后面而加上,这里大家可以自己设置
<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@id/id_stickynavlayout_innerscrollview"
android:layout_width="match_parent"
android:layout_height="match_parent">
<LinearLayout
android:id="@+id/line_fragment_hot_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="80dp"
android:orientation="horizontal">
<LinearLayout
android:layout_width="0dp"
android:layout_height="70dp"
android:layout_weight="1">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/desktop_device"/>
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="70dp"
android:layout_weight="1"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="燕郊孔雀城"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="燕郊 燕郊"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="3万抵6万"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="6000元/m"/>
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="70dp"
android:layout_weight="1"
android:gravity="right">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="剩2天"
android:textColor="#F97F49"
android:textSize="12dp"
android:textStyle="bold"
android:layout_marginTop="2dp"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/rectangle_radius_fen"
android:gravity="center"
android:text="团"
android:textSize="9dp"
android:textColor="#ffffff"
android:layout_marginRight="5dp"
android:layout_marginLeft="2dp"/>
</LinearLayout>
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="80dp"
android:orientation="horizontal">
<LinearLayout
android:layout_width="0dp"
android:layout_height="70dp"
android:layout_weight="1">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/desktop_device"/>
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="70dp"
android:layout_weight="1"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="燕郊孔雀城"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="燕郊 燕郊"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="3万抵6万"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="6000元/m"/>
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="70dp"
android:layout_weight="1"
android:gravity="right">
<TextView
android:layout_width="wrap_content"
android:layout_height="20dp"
android:text="剩2天"/>
<TextView
android:layout_width="10dp"
android:layout_height="10dp"
android:background="@drawable/rectangle_radius_fen"
android:gravity="center"
android:text="团"
android:textSize="5dp"
android:layout_marginRight="5dp"/>
</LinearLayout>
</LinearLayout>
</LinearLayout>
</ScrollView>
一个背景图文件在drawable文件夹中
rectangle_radius_fen.xml
说明:很简单,就是设置一个有圆角的方形
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >
<!-- 定义填充渐变颜色 -->
<solid android:color="#F97F49"/>
<!-- 设置内填充 -->
<padding android:left="1dp"
android:top="1dp"
android:right="1dp"
android:bottom="1dp"/>
<!-- 设置圆角矩形 -->
<corners android:radius="2dp"/>
</shape>
后台代码:
fragment_hot.java
说明:这里不多说了,里面的注解很明确了
package com.example.cg.fangduo;
import android.content.Context;
import android.graphics.Color;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.util.TypedValue;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ScrollView;
import android.widget.TextView;
/**
* A simple {@link Fragment} subclass.
*/
public class fragment_hot extends Fragment {
//定义当前页面
private View view;
private LinearLayout line_fragment_hot_main;
private ScrollView id_stickynavlayout_innerscrollview;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
view = inflater.inflate(R.layout.fragment_hot, container, false);
id_stickynavlayout_innerscrollview = (ScrollView)view.findViewById(R.id.id_stickynavlayout_innerscrollview);
line_fragment_hot_main = (LinearLayout)view.findViewById(R.id.line_fragment_hot_main);
for(int i=0;i<10;i++) {
/**
* 设置每个item最外层的LinearLayout
*/
LinearLayout itemMain = new LinearLayout(getActivity());
itemMain.setOrientation(LinearLayout.HORIZONTAL); //设置linearLayout是横向还是竖各
LinearLayout.LayoutParams itemMainparams = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, dip2px(getActivity(), 80)); //设置宽与高
itemMainparams.setMargins(0,dip2px(getActivity(),1),0,0); //设置每个item与上一个控件的间隔是1dip
itemMain.setLayoutParams(itemMainparams);
itemMain.setBackgroundColor(Color.WHITE); //设置背景色
itemMain.setVerticalGravity(Gravity.CENTER); //设置对齐方式
/**
* 设置左侧图片LinearLayout
*/
LinearLayout itempic = new LinearLayout(getActivity());
itempic.setOrientation(LinearLayout.HORIZONTAL);
LinearLayout.LayoutParams itempicparams = new LinearLayout.LayoutParams(0, dip2px(getActivity(), 70), 1);
itempic.setLayoutParams(itempicparams);
itempic.setVerticalGravity(Gravity.CENTER_VERTICAL);
/**
* 设置图片
*/
ImageView imgPic = new ImageView(getActivity());
imgPic.setImageResource(R.drawable.desktop_device);
LinearLayout.LayoutParams imgPicparams = new LinearLayout.LayoutParams(dip2px(getActivity(), ViewGroup.LayoutParams.WRAP_CONTENT), dip2px(getActivity(), ViewGroup.LayoutParams.WRAP_CONTENT));
imgPicparams.leftMargin = dip2px(getActivity(), 5);
imgPicparams.gravity = Gravity.LEFT; //必须要加上这句,setMargins才会起作用,而且此句还必须在setMargins下面
imgPic.setLayoutParams(imgPicparams);
/**
* 图片LinearLayout加载图片
*/
itempic.addView(imgPic, imgPicparams);
/**
* 向主LinearLayout加载图片LinearLayout
*/
itemMain.addView(itempic);
/**
* 设置中间文字显示LinearLayout
*/
LinearLayout itemtext = new LinearLayout(getActivity());
itemtext.setOrientation(LinearLayout.VERTICAL);
LinearLayout.LayoutParams itemtextparams = new LinearLayout.LayoutParams(0, dip2px(getActivity(), 70), 1);
itemtext.setLayoutParams(itemtextparams);
itemtext.setVerticalGravity(Gravity.CENTER_VERTICAL);
TextView txtOne = new TextView(getActivity());
txtOne.setText("珠江俊景小区");
txtOne.setTextSize(TypedValue.COMPLEX_UNIT_DIP, 12); //设置字号,并且设置它的单位为dip
txtOne.getPaint().setFakeBoldText(true); //字体加租
LinearLayout.LayoutParams txtOneparams = new LinearLayout.LayoutParams(dip2px(getActivity(), ViewGroup.LayoutParams.WRAP_CONTENT), dip2px(getActivity(), ViewGroup.LayoutParams.WRAP_CONTENT));
txtOneparams.weight = 1;
txtOneparams.setMargins(0, 0, 0, 0);
txtOneparams.gravity = Gravity.LEFT;
txtOne.setLayoutParams(txtOneparams);
itemtext.addView(txtOne);
TextView txtTwo = new TextView(getActivity());
txtTwo.setText("哈尔滨");
txtTwo.getPaint().setFakeBoldText(true);
txtTwo.setTextSize(TypedValue.COMPLEX_UNIT_DIP, 8);
LinearLayout.LayoutParams txtTwoparams = new LinearLayout.LayoutParams(dip2px(getActivity(), ViewGroup.LayoutParams.WRAP_CONTENT), dip2px(getActivity(), ViewGroup.LayoutParams.WRAP_CONTENT));
txtTwoparams.weight = 1;
txtTwo.setLayoutParams(txtTwoparams);
itemtext.addView(txtTwo);
TextView txtThree = new TextView(getActivity());
txtThree.setText("一万抵五万");
txtThree.getPaint().setFakeBoldText(true);
txtThree.setTextSize(TypedValue.COMPLEX_UNIT_DIP, 8);
txtThree.setLayoutParams(txtOneparams);
itemtext.addView(txtThree);
TextView txtFour = new TextView(getActivity());
txtFour.setText("8000元/m");
txtFour.setTextSize(TypedValue.COMPLEX_UNIT_DIP, 10);
txtFour.setTextColor(Color.parseColor("#F97F49"));
txtFour.getPaint().setFakeBoldText(true);
txtFour.setLayoutParams(txtOneparams);
itemtext.addView(txtFour);
itemMain.addView(itemtext);
/**
* 定义右侧显示信息框架
*/
LinearLayout line_right_text = new LinearLayout(getActivity());
line_right_text.setOrientation(LinearLayout.HORIZONTAL);
LinearLayout.LayoutParams rightparams = new LinearLayout.LayoutParams(0, dip2px(getActivity(), 70), 1);
line_right_text.setLayoutParams(rightparams);
line_right_text.setGravity(Gravity.RIGHT); //右对齐
TextView daytxt = new TextView(getActivity());
LinearLayout.LayoutParams daytxtparams = new LinearLayout.LayoutParams(dip2px(getActivity(), ViewGroup.LayoutParams.WRAP_CONTENT), dip2px(getActivity(), ViewGroup.LayoutParams.WRAP_CONTENT));
daytxt.setLayoutParams(daytxtparams);
daytxt.setText("剩2天");
daytxt.setTextColor(Color.parseColor("#F97F49")); //设置颜色
daytxt.setTextSize(TypedValue.COMPLEX_UNIT_DIP, 10); //设置文字大小
daytxt.getPaint().setFakeBoldText(true); //设置文字样式,加粗
//daytxt.setPadding(0,2,2,0);
line_right_text.addView(daytxt);
TextView tuantxt = new TextView(getActivity());
LinearLayout.LayoutParams tuantxtparams = new LinearLayout.LayoutParams(dip2px(getActivity(), 12), dip2px(getActivity(), 12));
tuantxtparams.setMargins(dip2px(getActivity(), 2), dip2px(getActivity(), 0), dip2px(getActivity(), 5), 0);
tuantxt.setLayoutParams(tuantxtparams);
tuantxt.setBackgroundResource(R.drawable.rectangle_radius_fen); //设置textView背景图片
tuantxt.setGravity(Gravity.CENTER);
tuantxt.setText("团");
txtFour.getPaint().setFakeBoldText(true);
tuantxt.setTextSize(TypedValue.COMPLEX_UNIT_DIP, 8);
tuantxt.setTextColor(Color.parseColor("#ffffff"));
line_right_text.addView(tuantxt);
itemMain.addView(line_right_text);
line_fragment_hot_main.addView(itemMain);
}
return view;
}
/**
* 设备像素(dip,dp)转屏幕像素(px)
* px就是像素,如果用px,就会用实际像素画,比个如吧,用画一条长度为240px的横线,在480宽的模拟器上看就是一半的屏宽,而在320宽的模拟器上看就是2/3的屏宽了。
* 而dip,就是把屏幕的高分成480分,宽分成320分。比如你做一条160dip的横线,无论你在320还480的模拟器上,都是一半屏的长度。
* @param context
* @param dipValue
* @return
*/
public static int dip2px(Context context, float dipValue){
final float scale = context.getResources().getDisplayMetrics().density;
return (int)(dipValue * scale + 0.5f);
}
/**
* 将px值转换为sp值,保证文字大小不变
*
* @param pxValue
* @param pxValue
* (DisplayMetrics类中属性scaledDensity)
* @return
*/
public static int px2sp(Context context, float pxValue) {
final float fontScale = context.getResources().getDisplayMetrics().scaledDensity;
return (int) (pxValue / fontScale + 0.5f);
}
/**
* 将sp值转换为px值,保证文字大小不变
*
* @param spValue
* @param spValue
* (DisplayMetrics类中属性scaledDensity)
* @return
*/
public static int sp2px(Context context, float spValue) {
final float fontScale = context.getResources().getDisplayMetrics().scaledDensity;
return (int) (spValue * fontScale + 0.5f);
}
}
效果图: