We Keep Coding

ClipPath with setLayerType as Software crashes

I am trying to clip a path in my custom view but it appears black in color. Through searching and finding the reason for same. Found that I need to set " setLayerType(LAYER_TYPE_SOFTWARE,null)". After this it appears perfect but crashes in some deivices.
Crash Log(One of these based on devices):
java.lang.NegativeArraySizeException
Bitmap exceeds 32bit
public class CardLayout extends LinearLayout {
private View mRoot;
private ImageView mCategoryImageView;
private LinearLayout mCategoryBottomView;
private RectF mRect;
private Paint mPaint;
private View mDivider;
private Path mPath;
private int mPadding = 30;
public CardLayout(Context context) {
super(context);
}
public CardLayout(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
public CardLayout(Context context, AttributeSet attrs) {
super(context, attrs);
mContext = context;
mRoot = LayoutInflater.from(getContext()).inflate(R.layout.card_content, null);
addView(mRoot);
initUI();
}
private void initUI() {
mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
mPath = new Path();
mCategoryHeadlineTextView = (TextView) mRoot.findViewById(R.id.categoryHeadline);
mCategoryImageView = (ImageView) mRoot.findViewById(R.id.categoryImageView);
mCategoryBottomView = (LinearLayout) mRoot.findViewById(R.id.ctg_btm_view);
mDivider = mRoot.findViewById(R.id.divider);
setLayerType(LAYER_TYPE_SOFTWARE,null);
}
public void setCategoryImage(String categoryUrl) {
if (mCategoryImageView != null) {
Glide.with(mContext)
.load(categoryUrl)
.placeholder(R.drawable.two)
.into(mCategoryImageView);
}
}
public void setBottomView(String[] optionText, int[] optionResource, int tag) {
if (mCategoryBottomView != null) {
CategoryBottomOptions options = new CategoryBottomOptions(mContext, optionText, optionResource, tag, mCategoryBottomView);
}
}
#Override
protected void dispatchDraw(Canvas canvas) {
super.dispatchDraw(canvas);
mRect = new RectF(mDivider.getX() - mPadding, mDivider.getY() - mPadding, mDivider.getX() + mPadding, mDivider.getY() + mPadding);
mPath.addArc(mRect, 270, 180);
canvas.clipPath(mPath);
canvas.drawPath(mPath, mPaint);
mRect = new RectF(mDivider.getWidth() - mPadding, mDivider.getY() - mPadding, mDivider.getWidth() + mPadding, mDivider.getY() + mPadding);
mPath = new Path();
mPath.addArc(mRect, 90, 180);
canvas.clipPath(mPath);
canvas.drawPath(mPath, mPaint);
}
}

You Should do something like this to create a window withing a view.
public class ClippedImageView extends ImageView {
private Paint mPaint;
private Path mPath;
public ClippedImageView(Context context) {
this(context, null);
init();
}
public v(Context context, AttributeSet attrs) {
this(context, attrs, 0);
init();
}
public ClippedImageView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
private void init() {
mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.CLEAR));
mPath = new Path();
RectF rect = new RectF(0, 0, 100, 100);
mPath.addArc(rect, 270, 180);
}
#Override
protected void onDraw(Canvas canvas) {
canvas.clipPath(mPath, Region.Op.DIFFERENCE);
super.onDraw(canvas);
}
}

Android GridLayout not showing

I'm trying to recreate the game 2048.
When I'm clicking on the button "New Game", I start a new intent with the PlayActivity. The button starts the activity, but when the view shows, the grid layout is not visible...
The view is a textview and then the GridLayout (which is custom, because I have to populate it with custom tiles)...
The code:
PlayActivity.java
public class PlayActivity extends ActionBarActivity {
#Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_play);
}
}
activity_play.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:orientation="vertical"
android:layout_height="match_parent"
android:layout_width="match_parent">
<TextView
android:id="#+id/txtScore"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="#string/score"
android:background="#color/dark_grey"/>
<com.charlotteerpels.oefening1.Board
android:id="#+id/board"
android:layout_width="match_parent"
android:layout_height="match_parent">
</com.charlotteerpels.oefening1.Board>
</LinearLayout>
Board.java
public class Board extends GridLayout {
Card[][] cardBoard;
private int cardHeight;
private int cardWidth;
public void initBoard(Context context) {
this.setColumnCount(4);
this.setRowCount(4);
this.cardBoard = new Card[4][4];
calculateCardSpecs(context);
populateBoard();
}
private void calculateCardSpecs(Context context) {
WindowManager wm = (WindowManager)context.getSystemService(Context.WINDOW_SERVICE);
Display display = wm.getDefaultDisplay();
Point size = new Point();
display.getSize(size);
int width = size.x;
int height = size.y;
this.cardWidth = width/4;
this.cardHeight = this.cardWidth;
}
private void populateBoard() {
int tilesWithNumber = 0;
Random random = new Random();
for(int i=0; i<4; i++) {
for(int j=0; j<4; j++) {
Card card = new Card(getContext());
if(random.nextInt(2) == 0) {
if(tilesWithNumber<2) {
card.setTextVisible();
tilesWithNumber++;
}
}
cardBoard[i][j] = card;
}
}
addCardsToView();
}
private void addCardsToView() {
for(int i=0; i<4; i++) {
for(int j=0; j<4; j++) {
Card card = cardBoard[i][j];
addView(card, cardWidth, cardHeight);
}
}
}
public Board(Context context) {
super(context);
initBoard(context);
}
public Board(Context context, AttributeSet attrs) {
super(context, attrs);
initBoard(context);
}
public Board(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
initBoard(context);
}
}
Card.java
public class Card extends FrameLayout {
Random randomGenerator;
private int number;
Resources res = getResources();
private TextView lblNumber;
public void setNumber(int number) {
this.number = number;
}
public int getNumber() {
return this.number;
}
private void initCard(Context context) {
lblNumber = new TextView(context);
lblNumber.setBackgroundColor(res.getColor(R.color.light_brown));
randomGenerator = new Random();
int r = randomGenerator.nextInt(2);
if(r == 0)
this.number = 2;
else
this.number = 4;
}
public void setTextVisible() {
lblNumber.setText(String.valueOf(number));
}
public Card(Context context) {
super(context);
initCard(context);
}
public Card(Context context, AttributeSet attrs) {
super(context, attrs);
initCard(context);
}
public Card(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
initCard(context);
}
}
Does anyone have an idea of what I'm doing wrong?
Thanks in advance!

EDIT: RobVoisey found the answer, I created the TextView lblNumber in the class Card, but I didn't added it to the Card...
So in the class Card in the method initCard, I added after the if/else the textView lblNumber to the Card layout:
private void initCard(Context context) {
lblNumber = new TextView(context);
lblNumber.setBackgroundColor(res.getColor(R.color.light_brown));
randomGenerator = new Random();
int r = randomGenerator.nextInt(2);
if(r == 0)
this.number = 2;
else
this.number = 4;
addView(lblNumber);
}

Avoid object allocations warning appears when creating multi-layer drawing

After creating a digram using Java, 3 areas get highlighted and return a warning for some reason. I'm not sure why this is appearing. What can be done to get rid of this warning?
Avoid object allocations during draw/layout operations (preallocate and reuse instead)
public class Diagram extends View {
private int measuredWidth, measuredHeight;
private Paint mBackgroundPaint, mYellowLinePaint, mWhiteLinePaint;
private RectF mBackgroundRect, mYellowLineRectF, mWhiteLineRectF;
public Diagram(Context context) {
super(context);
init(context, null, 0);
}
public Diagram(Context context, AttributeSet attrs) {
super(context, attrs);
init(context, attrs, 0);
}
public Diagram(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init(context, attrs, defStyleAttr);
}
private void init(Context context, AttributeSet attributeSet, int defStyle) {
mBackgroundPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mBackgroundPaint.setColor(0xFF3C3C3C);
mBackgroundPaint.setStyle(Paint.Style.FILL);
mYellowLinePaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mYellowLinePaint.setColor(0xFFFFFF00);
mYellowLinePaint.setStyle(Paint.Style.FILL);
mWhiteLinePaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mWhiteLinePaint.setColor(0xFFFFFFFF);
mWhiteLinePaint.setStyle(Paint.Style.FILL);
}
#Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
measuredHeight = getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec);
measuredWidth = getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec);
mBackgroundRect = new RectF(0, 0, measuredWidth, measuredHeight);
mYellowLineRectF = new RectF(0, 0.2f * measuredHeight, measuredWidth, 0.3f * measuredHeight);
mWhiteLineRectF = new RectF(0, 0.0f * measuredHeight, measuredWidth, 0.1f * measuredHeight);
setMeasuredDimension(measuredWidth, measuredHeight);
}
#Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
if (measuredHeight == 0 || measuredWidth == 0)
return;
canvas.drawRect(mBackgroundRect, mBackgroundPaint);
canvas.drawRect(mYellowLineRectF, mYellowLinePaint);
canvas.drawRect(mWhiteLineRectF, mWhiteLinePaint);
}
}
Updated code
public class Diagram extends View {
private int measuredWidth, measuredHeight;
private Paint mBackgroundPaint, mYellowLinePaint, mWhiteLinePaint;
private final RectF mBackgroundRect = new RectF();
private final RectF mYellowLineRectF = new RectF();
private final RectF mWhiteLineRectF = new RectF();
public Diagram(Context context) {
super(context);
init(context, null, 0);
}
public Diagram(Context context, AttributeSet attrs) {
super(context, attrs);
init(context, attrs, 0);
}
public Diagram(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init(context, attrs, defStyleAttr);
}
private void init(Context context, AttributeSet attributeSet, int defStyle) {
mBackgroundPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mBackgroundPaint.setColor(0xFF3C3C3C);
mBackgroundPaint.setStyle(Paint.Style.FILL);
mYellowLinePaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mYellowLinePaint.setColor(0xFFFFFF00);
mYellowLinePaint.setStyle(Paint.Style.FILL);
mWhiteLinePaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mWhiteLinePaint.setColor(0xFFFFFFFF);
mWhiteLinePaint.setStyle(Paint.Style.FILL);
}
#Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
measuredHeight = getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec);
measuredWidth = getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec);
mBackgroundRect.set(0, 0, measuredWidth, measuredHeight);
mYellowLineRectF.set(0, 0.2f * measuredHeight, measuredWidth, 0.3f * measuredHeight);
mWhiteLineRectF.set(0, 0.0f * measuredHeight, measuredWidth, 0.1f * measuredHeight);
setMeasuredDimension(measuredWidth, measuredHeight);
}
#Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
if (measuredHeight == 0 || measuredWidth == 0)
return;
canvas.drawRect(mBackgroundRect, mBackgroundPaint);
canvas.drawRect(mYellowLineRectF, mYellowLinePaint);
canvas.drawRect(mWhiteLineRectF, mWhiteLinePaint);
}
}

Create your 3 RectF instances once in the class constructor or field initializer instead, then use RectF.set() in onMeasure().
public class Diagram extends View {
private final RectF mBackgroundRect = new RectF();
private final RectF mYellowLineRectF = new RectF();
private final RectF mWhiteLineRectF = new RectF();
#Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
measuredHeight = getDefaultSize(getSuggestedMinimumHeight(), heightMeasureSpec);
measuredWidth = getDefaultSize(getSuggestedMinimumWidth(), widthMeasureSpec);
mBackgroundRect.set(0, 0, measuredWidth, measuredHeight);
mYellowLineRectF.set(0, 0.2f * measuredHeight, measuredWidth, 0.3f * measuredHeight);
mWhiteLineRectF.set(0, 0.0f * measuredHeight, measuredWidth, 0.1f * measuredHeight);
setMeasuredDimension(measuredWidth, measuredHeight);
}
}

Change TextView Color Depending On Text

Using onDraw, I want to make a custom text view that changes color depending on its text value. For example, if the text value is "hello" I want it to be red and if it says "bye" I want it to be green. Any helps greatly appreciated.

I'm not necessarily sure why you want to do this in onDraw(). Unless you have a really good reason to set up a custom TextView/EditText, that's not necessary.
To simplify your situation, you can implement a TextWatcher to do this, and in onTextChanged(), you can set the color by comparing the string values using .equals().
Here is an example of your theoretical situation:
final EditText yourEditText = /* findViewById maybe? */;
yourEditText.addTextChangedListener(new TextWatcher() {
public void onTextChanged(CharSequence s, int start, int before, int count) {
if (s.equalsIgnoreCase("hello"))
yourEditText.setTextColor(Color.RED);
else if (s.equalsIgnoreCase("bye"))
yourEditText.setTextColor(Color.GREEN);
else // if it says neither "hello" nor "bye"
yourEditText.setTextColor(Color.BLACK);
}
public void beforeTextChanged(CharSequence s, int start, int count, int after) {
// Nothing needs to happen here
}
public void afterTextChanged(Editable s) {
// Nothing needs to happen here
}
});
If you feel its necessary to maintain this in onDraw(), simply extract the code from onTextChanged() and change yourEditText to this, or place it in the constructor instead:
public class YourTextView extends TextView { // Or extends EditText, doesn't matter
public YourTextView(Context context) {
this(context, null, 0);
}
public YourTextView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public YourTextView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
addTextChangedListener(new TextWatcher() {
// Copy the TextWatcher code from the example above, replacing "yourEditText" with "YourTextView.this"
});
}
// ... Rest of your class
}

I figured out how to do it in a more creative way using onDraw.
public class MagnitudeTextView extends TextView {
public MagnitudeTextView(Context context) {
super(context);
// TODO Auto-generated constructor stub
}
public MagnitudeTextView(Context context, AttributeSet attrs) {
super(context, attrs);
// TODO Auto-generated constructor stub
}
public MagnitudeTextView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
// TODO Auto-generated constructor stub
}
/*
* (non-Javadoc)
*
* #see android.widget.TextView#onDraw(android.graphics.Canvas)
*/
#Override
protected void onDraw(Canvas canvas) {
int height = getMeasuredHeight();
int width = getMeasuredWidth();
int px = width / 2;
int py = height / 2;
Paint Red = new Paint(Paint.ANTI_ALIAS_FLAG);
Red.setColor(Color.RED);
Paint White = new Paint(Paint.ANTI_ALIAS_FLAG);
White.setColor(Color.DKGRAY);
Paint Yellow = new Paint(Paint.ANTI_ALIAS_FLAG);
Yellow.setARGB(210, 105, 30, 0);
Paint Blue = new Paint(Paint.ANTI_ALIAS_FLAG);
Blue.setColor(Color.BLUE);
float textWidth = Red.measureText(String.valueOf(getText()));
String g = String.valueOf(getText());
if (g.startsWith("3") || g.startsWith("4")) {
canvas.drawText(String.valueOf(getText()), px - textWidth / 2, py,
White);
}
if (g.startsWith("6") || g.startsWith("5") || g.startsWith("7")
|| g.startsWith("8")) {
canvas.drawText(String.valueOf(getText()), px - textWidth / 2, py,
Yellow);
}
if (g.startsWith("9") || g.startsWith("10")) {
canvas.drawText(String.valueOf(getText()), px - textWidth / 2, py,
Red);
}
// super.onDraw(canvas);
}
}

You can overwrite setText() and set the color using setTextColor().
You can do it inside onDraw as well, but it's not worth the weigth, as it may pass many times inside onDraw.

You can implement TextWatcher and use onTextChanged()
More about it here in the Android Docs

Use this to get the text:
TextView text = (TextView)findViewById(R.id.textid);
String value = text.getText().toString();
Then check what the text is and change the color :
if (value.equals("hello")) {
text.setBackgroundColor(yourcolor);
}

How to create bouncable scrollview in android?

How to create a bounce ScrollView in Android like iPhone?

Add effect bounce to scrollview in android
Step 1: Create new file BounceScrollView in package com.base.view
public class BounceScrollView extends ScrollView
{
private static final int MAX_Y_OVERSCROLL_DISTANCE = 200;
private Context mContext;
private int mMaxYOverscrollDistance;
public BounceScrollView(Context context)
{
super(context);
mContext = context;
initBounceScrollView();
}
public BounceScrollView(Context context, AttributeSet attrs)
{
super(context, attrs);
mContext = context;
initBounceScrollView();
}
public BounceScrollView(Context context, AttributeSet attrs, int defStyle)
{
super(context, attrs, defStyle);
mContext = context;
initBounceScrollView();
}
private void initBounceScrollView()
{
//get the density of the screen and do some maths with it on the max overscroll distance
//variable so that you get similar behaviors no matter what the screen size
final DisplayMetrics metrics = mContext.getResources().getDisplayMetrics();
final float density = metrics.density;
mMaxYOverscrollDistance = (int) (density * MAX_Y_OVERSCROLL_DISTANCE);
}
#Override
protected boolean overScrollBy(int deltaX, int deltaY, int scrollX, int scrollY, int scrollRangeX, int scrollRangeY, int maxOverScrollX, int maxOverScrollY, boolean isTouchEvent)
{
//This is where the magic happens, we have replaced the incoming maxOverScrollY with our own custom variable mMaxYOverscrollDistance;
return super.overScrollBy(deltaX, deltaY, scrollX, scrollY, scrollRangeX, scrollRangeY, maxOverScrollX, mMaxYOverscrollDistance, isTouchEvent);
}
}
Step 2: At your layout, please change
<ScrollView
android:id="#+id/list"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
/>
to
<com.base.view.BounceScrollView
android:id="#+id/list"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
/>

I have improved version of this answer: https://stackoverflow.com/a/13391248/3256989 .
So my version is (example for HorizontalScrollView):
public class HorizontalOverScrollView extends HorizontalScrollView {
private static final int WIDTH_DEVIDER_OVERSCROLL_DISTANCE = 3;
private TimeInterpolator mInterpolator;
private int mMaxOverscrollDistance;
private int mAnimTime;
private long mStartTime;
/**
* Instantiates {#link HorizontalOverScrollView} object.
*/
public HorizontalOverScrollView(final Context context) {
super(context);
init();
}
/**
* Instantiates {#link HorizontalOverScrollView} object.
*/
public HorizontalOverScrollView(final Context context, final AttributeSet attrs) {
super(context, attrs);
init();
}
/**
* Instantiates {#link HorizontalOverScrollView} object.
*/
public HorizontalOverScrollView(final Context context, final AttributeSet attrs, final int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
private void init() {
final int widthPixels = getContext().getResources().getDisplayMetrics().widthPixels;
mMaxOverscrollDistance = widthPixels / WIDTH_DEVIDER_OVERSCROLL_DISTANCE;
mAnimTime = getContext().getResources().getInteger(android.R.integer.config_mediumAnimTime);
mInterpolator = new DecelerateInterpolator();
}
#Override
protected boolean overScrollBy(int deltaX, int deltaY, int scrollX, int scrollY, int scrollRangeX, int scrollRangeY, int maxOverScrollX, int maxOverScrollY, boolean isTouchEvent) {
int overScrollDistance = mMaxOverscrollDistance;
if (isTouchEvent) {
mStartTime = AnimationUtils.currentAnimationTimeMillis();
} else {
final long elapsedTime = AnimationUtils.currentAnimationTimeMillis() - mStartTime;
float interpolation = mInterpolator.getInterpolation((float) elapsedTime / mAnimTime);
interpolation = interpolation > 1 ? 1 : interpolation;
overScrollDistance -= overScrollDistance * interpolation;
overScrollDistance = overScrollDistance < 0 ? 0 : overScrollDistance;
}
return super.overScrollBy(deltaX, deltaY, scrollX, scrollY, scrollRangeX, scrollRangeY, overScrollDistance, maxOverScrollY, isTouchEvent);
}
}

It's called overscroll in Android.
See http://developer.android.com/reference/android/widget/OverScroller.html and
(for example) http://developer.android.com/reference/android/widget/ListView.html#setOverscrollFooter(android.graphics.drawable.Drawable)
It's only available from API level 9 onward.
However, Samsung devices do seem to support overscroll natively in Android 2.2

Just use OverScrollDecoratorHelper
ScrollView scrollView = (ScrollView) findViewById(R.id.scroll_view);
OverScrollDecoratorHelper.setUpOverScroll(scrollView);
HorizontalScrollView horizontalScrollView = (HorizontalScrollView) findViewById(R.id.horizontal_scroll_view);
OverScrollDecoratorHelper.setUpOverScroll(horizontalScrollView);
https://github.com/EverythingMe/overscroll-decor