谷歌电子市场第5天知识总结

一.按照宽高比例显示图片

1.

/**设置专题的图片大小比例,都是一样的比例宽高*/public class RationLayout extends FrameLayout{public RationLayout(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);}public RationLayout(Context context, AttributeSet attrs) {super(context, attrs);//TypedArray typearray = context.obtainStyledAttributes(attrs, R.styleable.Ratiolayout);//float ratio = typearray.getFloat(R.styleable.Ratiolayout_ratio, 0f);//typearray.recycle();//保持一致float ratio = attrs.getAttributeFloatValue("http://schemas.android.com/apk/res/com.example.play", "ratio", 0f);setRatio(ratio);}private void setRatio(float ratio) {this.rotio = ratio ;}public RationLayout(Context context) {super(context);}float rotio;//比例private int width;private int height;//父容器（ViewGroup的测量规则)@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {int widthMode = MeasureSpec.getMode(widthMeasureSpec);int widthSize = MeasureSpec.getSize(widthMeasureSpec);width = widthSize - getPaddingLeft() - getPaddingRight();int heightMode = MeasureSpec.getMode(heightMeasureSpec);int heighSize = MeasureSpec.getSize(heightMeasureSpec);height = heighSize - getPaddingTop() - getPaddingBottom();//如果宽是精确的高不是，就按照宽来制定高if(widthMode==MeasureSpec.EXACTLY&&heightMode!=MeasureSpec.EXACTLY){height = (int) (width / rotio + 0.5f);//如果高是精确的宽不是，就按照高来制定宽}else if(widthMode!=MeasureSpec.EXACTLY&&heightMode==MeasureSpec.EXACTLY){width = (int) (height * rotio + 0.5f);}//重新制定一个测量规则widthMeasureSpec = MeasureSpec.makeMeasureSpec(MeasureSpec.EXACTLY,width + getPaddingLeft() +getPaddingRight());heightMeasureSpec = MeasureSpec.makeMeasureSpec(MeasureSpec.EXACTLY,height + getPaddingTop() +getPaddingBottom());super.onMeasure(widthMeasureSpec, heightMeasureSpec);}}

xml文件

<com.example.play.view.RationLayout            android:id="@+id/fl_layout"            android:layout_width="match_parent"            android:layout_height="wrap_content"            gan:ratio="2.43"            android:padding="5dp" >            <ImageView                android:id="@+id/item_icon"                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:scaleType="fitCenter"                android:src="@drawable/ic_default" />        </com.example.play.view.RationLayout>

2.自定义属性,设置比例

①.设置attrs下的xml

<resources>  <declare-styleable name="Ratiolayout">//设置集合名字        <attr name="ratio" format="float" />//设置特定的属性名字    </declare-styleable></resources>

②.获取属性

public RationLayout(Context context, AttributeSet attrs) {super(context, attrs);

<span style="white-space:pre"></span>//第一种方式,这种最佳,可以解析 id的国际化设置//TypedArray typearray = context.obtainStyledAttributes(attrs, R.styleable.Ratiolayout);//根据集合名字获取集合//float ratio = typearray.getFloat(R.styleable.Ratiolayout_ratio, 0f);//根据特定名字获取该属性//typearray.recycle();//保持一致

<span style="white-space:pre"></span>//第2中方式.通过xml中的命名空间  和  属性名字  获取属性float ratio = attrs.getAttributeFloatValue("http://schemas.android.com/apk/res/com.example.play", "ratio", 0f);setRatio(ratio);}

3.xml中设置ratio属性的值

 xmlns:gan="http://schemas.android.com/apk/res/com.example.play"        <com.example.play.view.RationLayout            android:id="@+id/fl_layout"            android:layout_width="match_parent"            android:layout_height="wrap_content"            gan:ratio="2.43"            android:padding="5dp" ><!-- 设置自定义属性 -->

二.代码设置排行页面的布局

1.自定义线性布局添加textView ,设置textVIew的选择器

@Overrideprotected View createSuccessView() {ScrollView scrollView = new ScrollView(BaseApplication.getApplication());//LinearLayout linearLayout = new LinearLayout(BaseApplication.getApplication());FlowLayout linearLayout = new FlowLayout(BaseApplication.getApplication());int padding = Uiutils.dip2px(13);linearLayout.setPadding(padding, padding, padding, padding);//linearLayout.setOrientation(LinearLayout.VERTICAL);//设置线性排列//-----------------------因为需要根据网络读取有多少字段，所以代码设置TextViewfor (int i = 0; i < data.size(); i++) {final String des = data.get(i);//文字设置TextView textView = new TextView(BaseApplication.getApplication());textView.setText(data.get(i));textView.setTextColor(Color.WHITE);//随机颜色Random random = new Random();int red = random.nextInt(200)+20;int green = random.nextInt(200)+20;int blue = random.nextInt(200)+20;int color = Color.rgb(red, green, blue);//设置选择器int backColor = 0xffcecece;GradientDrawable pressDrawable = GradientUtils.getGradientDrawable(backColor);//按下的图片GradientDrawable defaultDrawable = GradientUtils.getGradientDrawable(color);//默认的图片//状态选择器textView.setBackgroundDrawable(GradientUtils.getStateListDrawable(pressDrawable, defaultDrawable));//设置边距int PaddingL = Uiutils.dip2px(4);int PaddingH = Uiutils.dip2px(7);textView.setPadding(PaddingH, PaddingL, PaddingH, PaddingL);//给textView设置padding距离父亲textView.setClickable(true);textView.setGravity(Gravity.CENTER);//点击事件textView.setOnClickListener( new OnClickListener() {@Overridepublic void onClick(View v) {Toast.makeText(BaseApplication.getApplication(), des, 0).show();}});//设置textView包裹内容linearLayout.addView(textView,new LayoutParams(LayoutParams.WRAP_CONTENT, -2));}scrollView.addView(linearLayout);return scrollView;}

2.设置布局,一个线性布局根据textView的大小填充

public class FlowLayout extends ViewGroup {public FlowLayout(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);init();}public FlowLayout(Context context, AttributeSet attrs) {super(context, attrs);init();}public FlowLayout(Context context) {super(context);init();}private void init() {}// Viewgroup必须实现的方法。因为要对孩子分配位置// 怎么分配位置？----1.对孩子进行测量// ----2.然后才进行分配位置///** 1.对孩子进行测量 */@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {super.onMeasure(widthMeasureSpec, heightMeasureSpec);lines.clear();currentLine = null;// ------------父亲FlowLayout的大小和模式int widthMode = MeasureSpec.getMode(widthMeasureSpec);int heightMode = MeasureSpec.getMode(heightMeasureSpec);width = MeasureSpec.getSize(widthMeasureSpec)-getPaddingLeft()-getPaddingRight();// 宽height = MeasureSpec.getSize(heightMeasureSpec)-getPaddingTop()-getPaddingBottom();// 高// ------------根据父亲的模式获得孩子的测量规则int childWidthMode;int childHeightMode;// 模式childWidthMode = (widthMode == MeasureSpec.EXACTLY ? MeasureSpec.AT_MOST: widthMode);childHeightMode = (heightMode == MeasureSpec.EXACTLY ? MeasureSpec.AT_MOST: heightMode);// 测量规则int childwidthMeasureSpec = MeasureSpec.makeMeasureSpec(childWidthMode,width);int childheightMeasureSpec = MeasureSpec.makeMeasureSpec(childHeightMode, height);// 测量currentLine = new Line();// 创建一个新行for (int i = 0; i < getChildCount(); i++) {View child = getChildAt(i);getChildAt(i).measure(childwidthMeasureSpec, childheightMeasureSpec);int textViewWidth = child.getMeasuredWidth();// 获得textView的高度useWidth = useWidth + textViewWidth;// 加到使用的里面去if (useWidth > width) {if (currentLine.getChildCount() < 1) {currentLine.addLine(child);}newLine();// 如果使用的行的宽度>行宽，换行} else { // 否则添加TextView到这个行里面currentLine.addLine(child);useWidth = useWidth + horizontalSpace;// 加上间隔if (useWidth > width) {newLine();// 如果加了间隔大于行宽，换行}}}if (!lines.contains(currentLine)) {// 添加最后一行lines.add(currentLine);}// 行的总高度int totalheight = 0;for (Line line : lines) {totalheight += line.getheight();// 获取所有行的高}totalheight += (lines.size() - 1) * verticalSpace+getPaddingBottom()+getPaddingTop();// 加上行的间隔// 按照自己的宽高去设置setMeasuredDimension(width+getPaddingLeft()+getPaddingRight(), resolveSize(totalheight, heightMeasureSpec));}/** 2.分配位置 */@Overrideprotected void onLayout(boolean changed, int l, int t, int r, int b) {l = l +getPaddingLeft();t= t +getPaddingTop();for (int i = 0; i < lines.size(); i++) {// 分配每行Line line = lines.get(i);line.layout(l, t);// 让孩子自己去做t += line.getheight() + verticalSpace;// 行高 + 间隔}}private List<Line> lines = new ArrayList<Line>();// 所有行的集合private Line currentLine;// 当前行private int useWidth = 0;// 使用的行的宽度private int horizontalSpace = Uiutils.dip2px(13);private int verticalSpace =  Uiutils.dip2px(13);private int width;private int height;class Line {private List<View> children = new ArrayList<View>();private int height;// 行高就等于孩子的高int lineWidth;// 孩子的宽的和private int surplusWidth = 0;// 一行剩余的宽度// 添加一个孩子public void addLine(View child) {if (child.getMeasuredHeight() > height) {// 如果下一个高度大于上一个的高度，就按照大的来height = child.getMeasuredHeight();}children.add(child);lineWidth += child.getMeasuredWidth();}// 该行的TextView的个数public int getChildCount() {return children.size();}// 分配孩子的位置public void layout(int l, int t) {int aveWidth = 0;lineWidth += horizontalSpace * (children.size() - 1);// 加上间隔的和surplusWidth = width - lineWidth;// 剩余的空间if (surplusWidth > 0) {if (children.size() > 0) {aveWidth = surplusWidth / (children.size());}}for (int i = 0; i < children.size(); i++) {View child = children.get(i);// 分配每个孩子的位置child.layout(l, t, l + child.getMeasuredWidth()+ aveWidth,t + child.getMeasuredHeight());l += child.getMeasuredWidth()+ aveWidth;l += horizontalSpace ;// t += child.getMeasuredHeight()*i;}}// 获得行的高度public int getheight() {return height;}}/** 换行 */private void newLine() {lines.add(currentLine);currentLine = new Line();// 重新建立一个当前行对象useWidth = 0;// 使用的行的宽设为0;}}