10

我希望在我的应用程序中复制以下内容：

在此处输入图像描述

如您所见，它基本上是一个按钮，用于增加/减少其中包含的文本视图的值。此按钮将具有三种视觉状态 -> 未按下、减少和增加（如上图所示，用户点击增加箭头，按钮显示在该侧按下）

这是我目前的 3 个按钮状态：

在此处输入图像描述 在此处输入图像描述 在此处输入图像描述

如您所见，我遇到的问题是能够正确倾斜/旋转文本视图，使其在视觉上看起来正确，并且在增加或减少按钮时与按钮一起倾斜。

到目前为止，我尝试了两种不同的方法：

  • 创建一个自定义文本视图类，它会覆盖onDraw()倾斜画布的方法：

    @Override
public void onDraw(Canvas canvas) { 
   canvas.save(); 

   canvas.skew(0.2f, 0f);

   super.onDraw(canvas); 
   canvas.restore();
}

  • 集成Rotate3dAnimation类（来源在这里）并使用许多不同的变体来获得所需的结果，例如：

       Rotate3dAnimation skew = new Rotate3dAnimation(
          30, 0, centerX, centerY, 0, false);
   txtAmount.startAnimation(skew);

不幸的是，我并没有完全得到反映上面第一张图片的确切结果。我对使用 Z 轴、倾斜、旋转等设置值感到困惑。

我非常感谢任何有这方面经验的人的帮助。提前致谢

4

2 回答 2

8

好吧，我什至尝试过，我想出了这样的事情：

 public class DemoActivity extends TextView {
    Context context;
    String firstText = "$120.00";

 public DemoActivity(Context context)
   {
    super(context);
    this.context = context;

   }


    @Override
    protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    setText(firstText);
    setTextSize(30);
    canvas.skew(1.0f, 0.3f);  //you need to change values over here
    Rotate3dAnimation skew = new Rotate3dAnimation(
              -20, 30,200, 200, 0, false);   //here too
    startAnimation(skew);

        }
    }

我得到一个输出：

在此处输入图像描述

我想通过反复试验来改变值可以解决你的问题。希望能帮助到你。

于 2012-07-08T05:55:45.637 回答
0

感谢 Parth Doshi 的回答。他的答案需要稍微调整才能运行，我在这里分享以节省其他人的时间。

首先在 src 文件夹中创建一个类并编写所有三个构造函数。

public class TextViewDemo extends TextView {

Context context;
String text = "TESTING 3DX TOOLS";

public TextViewDemo(Context context) {
    super(context);
    this.context = context;
}

public TextViewDemo(Context context, AttributeSet attrs) {
    super(context, attrs);
    this.context = context;
}

public TextViewDemo(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
    this.context = context;
}

@Override
protected void onDraw(Canvas canvas) {
    // TODO Auto-generated method stub
    super.onDraw(canvas);
    setText(text);
    setTextSize(30);
    canvas.skew(0.5f, 1.0f); // you need to change values over here
    Rotate3dAnimation skew = new Rotate3dAnimation(-50, 30, 0, 0, 0,
            false); // here too
    startAnimation(skew);

}

}

在 res/layout/my_layout.xml 文件中，您可以添加自定义 TextView 的标签。

<com.yourpackage.name.TextViewDemo
    android:id="@+id/name"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:text="Hello World"
<!-- All parameters and value shall remain same -->
/>

像任何其他视图一样，您可以在 onCreate() 方法中创建 TextViewDemo 的实例

TextViewDemo txtDemo = (TextViewDemo) findViewById(R.id.name);

问候

于 2014-05-25T08:40:54.970 回答