Autore Topic: Problema con disegno personalizza si fragment  (Letto 271 volte)

Offline ingrea

  • Nuovo arrivato
  • *
  • Post: 8
  • Respect: 0
    • Mostra profilo
  • Dispositivo Android:
    samsung galaxy
  • Sistema operativo:
    win7
Problema con disegno personalizza si fragment
« il: 12 Novembre 2014, 23:17:45 CET »
0
Ciao a tutti
sto facendo un semplice esempio per imparare ad usare le activity e i fragment.
Ho un progetto con una sola Activity creata con il template standard tabbedActivity di AndroidStudio.
La activity mostra 3 fragment in cui ci metto una ImageView di sfondo rosso sulla quale voglio fare un disegno personalizzato molto semplice.
Non riesco a capire dove posizionare il codice che disegna sulla ImageView.
Se lo metto ad esempio su onResume la ImageViev non ha ancora la sue dimensione e il codice di disegno va in errore.
Ho aggiunto la gestione del click per forzare il disegno, e in tal caso funziona
Altra cosa, se la activity volesse chiamare il metodo di disegno sul frament corrente come posso fare?
un grazie a chi mi da delle informazioni

Posto anche il semplice codice che ho scritto:
layout della activity
Codice (XML): [Seleziona]
<android.support.v4.view.ViewPager xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:tools="http://schemas.android.com/tools"
   android:id="@+id/pager"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   tools:context="it.errezeta2.myapplication.tabactivity">

    <android.support.v4.view.PagerTitleStrip
   android:id="@+id/pager_title_strip"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_gravity="top"
   android:background="#f9b22e"
   android:paddingBottom="4dp"
   android:paddingTop="4dp"
   android:textColor="#fff" />

    </android.support.v4.view.ViewPager>

layout del fragment:
Codice (XML): [Seleziona]
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:tools="http://schemas.android.com/tools"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   android:paddingLeft="@dimen/activity_horizontal_margin"
   android:paddingRight="@dimen/activity_horizontal_margin"
   android:paddingTop="@dimen/activity_vertical_margin"
   android:paddingBottom="@dimen/activity_vertical_margin"
   tools:context="it.errezeta2.myapplication.tabactivity$PlaceholderFragment">

    <ImageView
       android:id="@+id/section_label"
       android:layout_width="fill_parent"
       android:layout_height="fill_parent"
       android:background="#ffff0000" />

</RelativeLayout>

codice della activity
Codice (Java): [Seleziona]
import java.util.Locale;

import android.app.Activity;
import android.app.ActionBar;
import android.app.Fragment;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.graphics.Color;
import android.graphics.Paint;
import android.support.v13.app.FragmentPagerAdapter;
import android.os.Bundle;
import android.support.v4.view.ViewPager;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

import org.w3c.dom.Text;


public class tabactivity extends Activity {

    /**
     * The {@link android.support.v4.view.PagerAdapter} that will provide
     * fragments for each of the sections. We use a
     * {@link FragmentPagerAdapter} derivative, which will keep every
     * loaded fragment in memory. If this becomes too memory intensive, it
     * may be best to switch to a
     * {@link android.support.v13.app.FragmentStatePagerAdapter}.
     */

    SectionsPagerAdapter mSectionsPagerAdapter;

    /**
     * The {@link ViewPager} that will host the section contents.
     */

    ViewPager mViewPager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_tabactivity);



        // Create the adapter that will return a fragment for each of the three
        // primary sections of the activity.
        mSectionsPagerAdapter = new SectionsPagerAdapter(getFragmentManager());

        // Set up the ViewPager with the sections adapter.
        mViewPager = (ViewPager) findViewById(R.id.pager);
        mViewPager.setAdapter(mSectionsPagerAdapter);

    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.tabactivity, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }

   

    /**
     * A {@link FragmentPagerAdapter} that returns a fragment corresponding to
     * one of the sections/tabs/pages.
     */

    public class SectionsPagerAdapter extends FragmentPagerAdapter {

        public SectionsPagerAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int position) {
            // getItem is called to instantiate the fragment for the given page.
            // Return a PlaceholderFragment (defined as a static inner class below).
            return PlaceholderFragment.newInstance(position + 1);
        }

        @Override
        public int getCount() {
            // Show 3 total pages.
            return 3;
        }

        @Override
        public CharSequence getPageTitle(int position) {
            Locale l = Locale.getDefault();
            switch (position) {
                case 0:
                    return getString(R.string.title_section1).toUpperCase(l);
                case 1:
                    return getString(R.string.title_section2).toUpperCase(l);
                case 2:
                    return getString(R.string.title_section3).toUpperCase(l);
            }
            return null;
        }
    }

    /**
     * A placeholder fragment containing a simple view.
     */

    public static class PlaceholderFragment extends Fragment {
        /**
         * The fragment argument representing the section number for this
         * fragment.
         */

        private static final String ARG_SECTION_NUMBER = "section_number";

        /**
         * Returns a new instance of this fragment for the given section
         * number.
         */

        public static PlaceholderFragment newInstance(int sectionNumber) {
            PlaceholderFragment fragment = new PlaceholderFragment();
            Bundle args = new Bundle();
            args.putInt(ARG_SECTION_NUMBER, sectionNumber);
            fragment.setArguments(args);
            return fragment;
        }

        public PlaceholderFragment() {
        }

        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                Bundle savedInstanceState) {
            View rootView = inflater.inflate(R.layout.fragment_tabactivity, container, false);
            return rootView;
        }

        @Override
        public void onResume() {
            super.onResume();
            ImageView v =(ImageView)getView().findViewById(R.id.section_label);
            v.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    TryDraw();
                }
            });
            TryDraw();
        }

        @Override
        public void onStart() {
            super.onStart();
            TryDraw();
        }

        public void TryDraw(){
            try
            {
                Draw();
            }catch (Exception e)
            {
                e.printStackTrace();
            }
        }

        private void Draw()
        {
            ImageView v =(ImageView)getView().findViewById(R.id.section_label);
            getArguments().getInt(ARG_SECTION_NUMBER);
            Graphics g = new Graphics(v.getWidth(),v.getHeight());
            g.SetLimits(0,0,100,100);
            g.Penna().setColor(Color.BLACK );
            g.Penna().setTextAlign(Paint.Align.CENTER);
            g.Penna().setTextSize(g.LenghtY2DtoDP(20));
            g.DrawCerchio2D(50, 50,50 );
            g.Penna().setColor(Color.WHITE );
            g.DrawText(50, 50, Integer.toString(getArguments().getInt(ARG_SECTION_NUMBER)));
            v.setImageBitmap(g.Bitmap());
        }

    }

}

classe di supporto per il disegno:
Codice (Java): [Seleziona]
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;



import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;

/**
 * Created by Andrea on 08/09/2014.
 */

public class Graphics {
    private int mSizeX;
    private int mSizeY;

    private double mUnitaLogichePerPixel_X;
    private double mUnitaLogichePerPixel_Y;
    private double mPixelPerUnitaLogiche_X;
    private double mPixelPerUnitaLogiche_Y;
    private double mOrigineX;
    private double mOrigineY;

    private Paint mPenna;
    private Canvas mnCavas;
    private Bitmap mBitmap;

    public Graphics(int dx, int dy) {
        mSizeX = dx;
        mSizeY = dy;
        mBitmap = Bitmap.createBitmap(dx, dy, Bitmap.Config.ARGB_8888);
        mBitmap.eraseColor(Color.WHITE);
        mnCavas = new Canvas(mBitmap);
        mPenna = new Paint();
        mPenna.setColor(Color.BLACK);
        mPenna.setStrokeWidth(1);
        mPenna.setStrokeCap(Paint.Cap.ROUND);
    }

    final public Paint Penna() {
        return mPenna;
    }

    final public Bitmap Bitmap() {
        return mBitmap;
    }

    final void ClearBitmap() {
        mPenna.setColor(Color.WHITE);
        mnCavas.drawRect(0, 0, mBitmap.getWidth(), mBitmap.getHeight(), mPenna);
    }

    public void SetLimits(double x1, double y1, double x2, double y2) {
        Double OldxRatio, OldyRatio, OldOrgX, OldOrgY;
        Double Xr, Yr, dx, dy;
        Double medX, medY, tmp;

        OldxRatio = mUnitaLogichePerPixel_X;
        OldyRatio = mUnitaLogichePerPixel_Y;
        OldOrgX = mOrigineX;
        OldOrgY = mOrigineY;

        if (x1 > x2) {
            tmp = x1;
            x1 = x2;
            x2 = tmp;
        }
        if (y1 > y2) {
            tmp = y1;
            y1 = y2;
            y2 = tmp;
        }

        medX = (x1 + x2) / 2;
        medY = (y1 + y2) / 2;

        dx = x2 - x1;
        dy = y2 - y1;
        try {
            Xr = dx / mSizeX;
            Yr = dy / mSizeY;
        } catch (Exception e) {
            return;
        }


        if (Xr > Yr)
            mUnitaLogichePerPixel_X = Xr;
        else
            mUnitaLogichePerPixel_X = Yr;
        mUnitaLogichePerPixel_Y = mUnitaLogichePerPixel_X;

        if (Math.abs(mUnitaLogichePerPixel_X) < 0.0000000000001)
            mUnitaLogichePerPixel_X = 0.0000000000001;
        if (Math.abs(mUnitaLogichePerPixel_Y) < 0.0000000000001)
            mUnitaLogichePerPixel_Y = 0.0000000000001;

        try {
            mPixelPerUnitaLogiche_X = 1 / mUnitaLogichePerPixel_X;
            mPixelPerUnitaLogiche_Y = 1 / mUnitaLogichePerPixel_Y;
        } catch (Exception e) {
            mUnitaLogichePerPixel_X = OldxRatio;
            mUnitaLogichePerPixel_Y = OldyRatio;
            mOrigineX = OldOrgX;
            mOrigineY = OldOrgY;
        }

        mOrigineX = medX - mUnitaLogichePerPixel_X * mSizeX * 0.5;
        mOrigineY = medY - mUnitaLogichePerPixel_Y * mSizeY * 0.5;
    }

    public float X2DtoDP(double x2d) {
        return (float) ((x2d - mOrigineX) * mPixelPerUnitaLogiche_X);
    }


    public float LenghtY2DtoDP(double lenght) {
        return (float) (lenght * mPixelPerUnitaLogiche_Y);
    }


    public float Y2DtoDP(double y2d) {
        return (float) (mSizeY + (mOrigineY - y2d) * mPixelPerUnitaLogiche_Y);
    }

    public double XDpto2D(float xdp) {
        return mOrigineX + xdp * mUnitaLogichePerPixel_X;
    }

    public double YDpto2D(float ydp) {
        return mOrigineY + (mSizeY - ydp) * mUnitaLogichePerPixel_Y;
    }


      public void DrawText(double x1, double y1, String testo) {
        try {
            float xa, ya;
            xa=X2DtoDP(x1);
            ya=Y2DtoDP(y1);
            mnCavas.drawText(testo, xa, ya, mPenna);
        } catch(Exception e){}
    }

    public void DrawCerchio2D(double xCentro , double  yCentro, double  raggio) {
        float xdp,ydp,rx,ry;
        xdp=X2DtoDP(xCentro);
        ydp=X2DtoDP(yCentro);
        rx =(float) (raggio * mPixelPerUnitaLogiche_X);
        ry =(float) (raggio * mPixelPerUnitaLogiche_Y);
        mnCavas.drawCircle( xdp,ydp,rx,mPenna);
    }

    @Override
    protected void finalize() throws Throwable {
        super.finalize();
        mPenna=null;
        mBitmap=null;
        mnCavas=null;
    }

}

Offline Aaaaabbbb

  • Utente junior
  • **
  • Post: 55
  • Respect: +3
    • Google+
    • pietmau
    • Mostra profilo
  • Dispositivo Android:
    Nexus 7, Samsung GT-S5830i, LG Optimus, Galaxy Tab 3
  • Play Store ID:
    aaaaaaaaaaaa
  • Sistema operativo:
    Win, Ubuntu
Re:Problema con disegno personalizza si fragment
« Risposta #1 il: 13 Novembre 2014, 08:43:28 CET »
0
Ciao,
Se fai l'override di setUserVisibleHint puoi sapere quando il fragment è visibile,
Codice (Java): [Seleziona]
@Override
        public void setUserVisibleHint(boolean isVisibleToUser) {
                super.setUserVisibleHint(isVisibleToUser);
                if (isVisibleToUser) {
                        //Disegna
                }
               
        }
Per chiamare un metodo sul Fragment dalla tua attività ci sono diverse possibilità, dipende ovviamente da quello che vuoi fare.

Potresti creare un interfaccia che tutti i tuoi Fragment implementano
Codice (Java): [Seleziona]
public interface myInterface {

    public void foo();
}
Codice (Java): [Seleziona]
public class myFragment extends Fragment implements myInterface Nel Fragment implementi il metodo foo
Codice (Java): [Seleziona]
public void foo(){
//Do stuff here
}

chiami il metodo sul frgament ottenuto
Codice (Java): [Seleziona]
f.foo();
per ottenere il riferimeto al fragment corrente:
se usi un FragmentPagerAdapter
Codice (Java): [Seleziona]
Fragment f= getSupportFragmentManager().findFragmentByTag("android:switcher:" + R.id.pager + ":" + ViewPager.getCurrentItem());se usi un FragmentStatePagerAdapter
Codice (Java): [Seleziona]
ViewPager p = findViewById(R.id.viewpager);
FragmentStatePagerAdapter adapter = (FragmentStatePagerAdapter) p.getAdapter();
MyFragment f= (MyFragment) adapter.instantiateItem(p, p.getCurrentItem())