九个补丁内容区域无效

时间:2015-04-15 13:45:49

标签: android nine-patch

我试图将TextView的框架设为云端。但内容区域的行为并不像预期的那样。我做错了什么?enter image description here

nine-patch not working

enter image description here

4 个答案:

答案 0 :(得分:1)

我有一个不正常工作的建议,因为内容区域较小的比例区域。好难过。我重新制作它以手动处理9补丁。不使用.9.png保存图片。获取位图。有9行存在。使用getPixels计算填充并将其设置在TextView上。之后计算并设置LayoutParams.width和LayoutParams.height。看起来有点难看,但它运作得非常快,最重要的是正确。

private int startX=-1;
private int endX=-1;
private int contentW=-1;
private int contentH=-1;

Bitmap bmp=BitmapFactory.decodeResource(getResources(), mIconResId);
int[] pixels=new int[bmp.getWidth()*bmp.getHeight()];
bmp.getPixels(pixels, 0, bmp.getWidth(), 0, 0, bmp.getWidth(),bmp.getHeight());
for(int i=0;i<bmp.getWidth();i++){
  if(startX==-1 && pixels[bmp.getWidth()*(bmp.getHeight()-1)+i]==Color.BLACK){
    startX=i;
  }
  if(startX!=-1 && pixels[bmp.getWidth()*(bmp.getHeight()-1)+i]!=Color.BLACK){
    endX=i;
    break;
  }
}
int startY=-1;
int endY=-1;
for(int i=0;i<bmp.getHeight();i++){
  if(startY==-1 && pixels[bmp.getWidth()*(i+1)-1]==Color.BLACK){
    startY=i;
  }
  if(startY!=-1 && pixels[bmp.getWidth()*(i+1)-1]!=Color.BLACK){
    endY=i;
    break;
  }
}

setBackground(new BitmapDrawable(getResources(),Bitmap.createBitmap(bmp, 1, 1, bmp.getWidth()-2, bmp.getHeight()-2)));

contentW=endX-startX;
endX=bmp.getWidth()-endX;
contentH=endY-startY;
endY=bmp.getHeight()-endY;

new Handler().post(new Rannable(){
@Override
public void run() {
  int w=textview.getWidth();
  int h=textview.getHeight();

  if(w>endX-startX){
    float k=((float)w)/contentW;
    startX=(int) (startX*k);
    endX=(int) (endX*k);
  }
  if(h>endY-startY){
    float k=((float)h)/contentH;
    startY=(int) (startY*k);
    endY=(int) (endY*k);
  }

  w+=startX+startX;
  h+=startY+endY;
  textview.setPadding(startX, startY, endX, endY);
  LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(w,h);
  textview.setLayoutParams(lp);
}
});

答案 1 :(得分:0)

您可以为右边框和下边框设置好的值。您只需为左边框和上边框设置相同的值,左边框=右边框和上边框=底边框。

draw9patch中的结果: enter image description here

这里有9个补丁文件:

enter image description here

为了您的信息,您的图像不适合使用9补丁格式。

答案 2 :(得分:0)

我扩展/改编了@ahtartam代码。我不确定它是否是最干净的方式,但它对我有用。如果有人需要帮助,请与我联系或发表评论!

#VALUE!

而不是TextView我使用的是SizeAwareImageView - &gt; https://stackoverflow.com/a/15538856/1438596

就我而言,它看起来像这样 - &gt;

    public void setTextLayout(int orgW, int orgH,int actW,int actH,int top,int left) {

    int startX = -1;
    int endX = -1;
    int startY = -1;
    int endY = -1;
    int contentW;
    int contentH;

    Bitmap bmp = BitmapFactory.decodeResource(getResources(), R.drawable.image);
    int[] pixels = new int[orgW * orgH];
    bmp.getPixels(pixels, 0, orgW, 0, 0, orgW, orgH);
    for (int i = 0; i < orgW; i++) {
        if (startX == -1 && pixels[orgW * (orgH - 1) + i] == Color.BLACK) {
            startX = i;
        }
        if (startX != -1 && pixels[orgW * (orgH - 1) + i] != Color.BLACK) {
            endX = i;
            break;
        }
    }

    for (int i = 0; i < orgH; i++) {
        if (startY == -1 && pixels[orgW * (i + 1) - 1] == Color.BLACK) {
            startY = i;
        }
        if (startY != -1 && pixels[orgW * (i + 1) - 1] != Color.BLACK) {
            endY = i;
            break;
        }
    }


    m_marvin.setImageDrawable(new BitmapDrawable(getResources(), Bitmap.createBitmap(bmp, 1, 1, orgW - 2, orgH - 2)));
    RelativeLayout.LayoutParams rp = (RelativeLayout.LayoutParams) m_marvin.getLayoutParams();


    contentW=endX- startX;
    contentH=endY-startY;

    endX=orgW-endX;
    endY=orgH-endY;



    double scaleX = ((double)actW) / bmp.getWidth();
    double scaleY = ((double)actH) / bmp.getHeight();

    startX = (int) (startX * scaleX);
    endX = (int) (endX * scaleX);

    startY = (int) (startY * scaleY);
    endY = (int) (endY * scaleY) ;

    RelativeLayout.LayoutParams layoutParams = new    RelativeLayout.LayoutParams((int)(contentW*scaleX),(int)(contentH*scaleY));
    layoutParams.setMargins(startX+rp.leftMargin+left, startY+rp.topMargin+top, endX+rp.rightMargin, endY+rp.bottomMargin);

    layoutParams.addRule(RelativeLayout.CENTER_HORIZONTAL,RelativeLayout.TRUE);
    m_text.setLayoutParams(layoutParams);
    m_text.bringToFront();

}

答案 3 :(得分:-1)

您可以使用this tool创建九个补丁图片。